이번 예제는 아래와 같은
phone.htm 이라는 파일이
같은 위치에 있다고 전제하고,
phone.htm 에서 내용들을 불러오는 예제이다.
쓰이는
javascript 개체는
microsoft.xmldom 이라는 개체이며,
각각의 속성은 아래의 소스보기를 클릭하면 자세한 소스를 볼 수 있다.
<![CDATA[
<script language="javascript">
////// 문서를 로딩하는 객체 생성및 로딩 /////////////////////////////////////////////////////////
var htmldocu = new ActiveXObject("microsoft.xmldom");
htmldocu.load("phone.htm");
//// 로딩 끝 ////
var treeNode;
function StartUp() ////////// 로딩이 성공적으로 이루어졌는지 체크하는 함수
{
if( htmldocu.readyState != "4") // readyState 가 4 이면 문서가 정상적으로 로딩된것임.
{ alert("문서 로딩이 이루어지지 않았습니다.");}
else
{
treeNode = htmldocu.documentElement; // 성공적으로 로딩이 되었으면 treeNode 변수에 로딩값 할당.
}
}
function readDocument() ////// 소스파일의 내용을 읽어오는 함수
{
var content = treeNode.xml;
alert(content);
}
////////////// 알아두면 도움되는 속성 ///////////////////////////////////////////////////////////
//var all_line = treeNode.xml; // 문서의 전체 내용.
//var nodeCount = treeNode.childNodes.length; // 부모 태그의 수.
//var f_chi_tag = treeNode.firstChild.nodeName; // 첫번째 자식 태그의 태그이름.
//var s_chi_tag = treeNode.firstChild.childNodes[0].nodeName; // 첫번째 손자 태그의 태그이름.
//var s_chi_txt = treeNode.firstChild.childNodes[0].text; // 첫번째 손자 태그의 내용.
//var scond_tag = treeNode.childNodes[1].nodeName;
////////////// 알아두면 도움되는 속성 //////////////////////////////////////////////////////////
/////// 전화번호 목록을 읽어오는 함수 //////////////////////////////////////////////////////////
function personList()
{
var cnt_person = treeNode.childNodes[1].childNodes.length;
var cnt_item = treeNode.childNodes[1].childNodes[0].childNodes.length;
var phone_list = "";
for(j=0 ; j < cnt_person ; j++)
{
for(i=0 ; i < cnt_item ; i++)
{
phone_list += treeNode.childNodes[1].childNodes[j].childNodes[i].nodeName;
phone_list += " : " + treeNode.childNodes[1].childNodes[j].childNodes[i].text + "<br>";
}
i = 0;
phone_list += "<br>";
}
var content = phone_list;
source_docu = window.open("","","toolbar=1,scrollbars=1,menubar=0,status=1,width=400,height=300,left=300");
source_docu.document.open();
source_docu.document.write(content);
}
function viewSource()
{
var content = document.all.source.innerHTML;
source_docu = window.open("","","toolbar=1,scrollbars=1,menubar=0,status=1");
source_docu.document.open();
source_docu.document.write(content);
}
</script>
<body onLoad="javascript:StartUp()">
<br>
<input type="button" value="로딩할 문서의 소스보기"
onclick="javascript:readDocument()">
<input type="button" value="전화번호리스트보기"
onclick="javascript:personList()">
<input type="button" value="소스보기"
onclick="javascript:viewSource()">
]]>
[▶추천하기]
phone.htm