DOM 로딩 기능
XML DOM 함수 로드
XML 문서를 로드하는 코드를 함수에 저장할 수 있습니다.
loadXMLDoc() 함수
이전 페이지의 코드를 더 쉽게 유지 관리하려면(이전 브라우저 확인) 함수로 작성해야 합니다.
함수 loadXMLDoc(dname)
{
if (window.XMLHttpRequest)
{
xhttp=new XMLHttpRequest();
}
else
{
xhttp =new ActiveXObject("Microsoft.XMLHTTP");
}
xhttp.open("GET",dname,false);
xhttp.send();
return xhttp.responseXML;
}
{
if (window.XMLHttpRequest)
{
xhttp=new XMLHttpRequest();
}
else
{
xhttp =new ActiveXObject("Microsoft.XMLHTTP");
}
xhttp.open("GET",dname,false);
xhttp.send();
return xhttp.responseXML;
}
위 함수는 HTML 페이지의 <head> 섹션에 저장되고 페이지의 스크립트에서 호출될 수 있습니다.
위에 설명된 함수는 이 튜토리얼의 모든 XML 문서 인스턴스에 사용됩니다!
loadXMLDoc()용 외부 JavaScript
위 코드를 더 쉽게 유지 관리하고 모든 페이지에서 동일한 코드가 사용되도록 하기 위해 함수를 외부에 저장합니다. 파일에서.
파일 이름은 "loadxmldoc.js"이며 HTML 페이지의 헤드 섹션에 로드됩니다. 그러면 페이지의 스크립트가 loadXMLDoc() 함수를 호출합니다.
다음 예에서는 loadXMLDoc() 함수를 사용하여 books.xml을 로드합니다.
Instance
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js"></script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("books.xml");
document.write(xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue + "<br>");
document.write(xmlDoc.getElementsByTagName("author")[0].childNodes[0].nodeValue + "<br>");
document.write(xmlDoc.getElementsByTagName("year")[0].childNodes[0].nodeValue);
</script>
</body>
</html>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
XML 파일에서 데이터를 얻는 방법은 다음 장에서 설명합니다.
loadXMLString() 함수
이전 페이지의 코드를 더 쉽게 유지 관리하려면(이전 브라우저에서 확인) 함수로 작성해야 합니다.
함수 loadXMLString(txt)
{
if (window.DOMParser)
{
parser=new DOMParser();
xmlDoc=parser.parseFromString(txt,"text/ xml" );
}
else // Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.loadXML (txt );
}
return xmlDoc;
}
{
if (window.DOMParser)
{
parser=new DOMParser();
xmlDoc=parser.parseFromString(txt,"text/ xml" );
}
else // Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.loadXML (txt );
}
return xmlDoc;
}
위 함수는 HTML 페이지의 <head> 페이지.
위에 설명된 함수는 이 튜토리얼의 모든 XML 문자열 인스턴스에 사용됩니다!
loadXMLString()용 외부 JavaScript
loadXMLString() 함수를 "loadxmlstring.js"라는 파일에 저장했습니다.
인스턴스
<!DOCTYPE html>
<html>
<head>
<script src="loadxmlstring.js"></script>
</head>
<body>
<script>
text="<bookstore><book>";
text=text+"<title>Everyday Italian</title>";
text=text+"<author>Giada De Laurentiis</author>";
text=text+"<year>2005</year>";
text=text+"</book></bookstore>";
xmlDoc=loadXMLString(text);
document.write(xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue);
document.write("<br>");
document.write(xmlDoc.getElementsByTagName("author")[0].childNodes[0].nodeValue);
document.write("<br>");
document.write(xmlDoc.getElementsByTagName("year")[0].childNodes[0].nodeValue);
</script>
</body>
</html>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
