> 웹 프론트엔드 > JS 튜토리얼 > Javascript는 XML을 읽고 작성하여 광고 회전을 구현합니다(IE, FF와 호환)_javascript 기술

Javascript는 XML을 읽고 작성하여 광고 회전을 구현합니다(IE, FF와 호환)_javascript 기술

WBOY
풀어 주다: 2016-05-16 17:26:03
원래의
906명이 탐색했습니다.

xml 구조는 다음과 같습니다

코드 복사 코드는 다음과 같습니다

<광고>
http://www.seehaha.com/images/060901-150.100.2.gif
http://www.seehaha.com /xml/061009-300.100 .jpg
http://www.seehaha.com/plan/
http://www.seehaha .com/va.htm< ;/dizhi>

==

// JScript 파일
var Now = new Date();
var Min = Now.getSeconds()
var i
if((Min % 2) == 1)
//초를 읽고, 홀수와 짝수에 따라 무작위로 회전합니다. 물론 여기에서 알고리즘을 변경하여 xml 노드 수를 늘릴 수도 있습니다.
{
i = 1;
}
else
{ i = 0; }
var url = "xml/ads.xml";
String.prototype.Trim = function() {
return this.replace(/(^s *)|(s*$ )/g, "");
}
var xmlDoc;
//Firefox인지 IE인지 확인
var moz = (typeof document.implementation != '정의되지 않음') && (문서 유형 .implementation.createDocument != '정의되지 않음');
var ie = (window.ActiveXObject 유형 != '정의되지 않음');
function importXML(file) {
if (moz)
{
xmlDoc = document.implementation.createDocument("", "doc", null);
//FIREFOX 아래에 XML 문서 개체 만들기
}
else if(예: )
{ xmlDoc = new ActiveXObject("MSXML2.DOMDocument.3.0");
xmlDoc.async = false;
while( xmlDoc.readyState != 4) {};
//XML 생성 IE 아래의 문서 객체
}
xmlDoc.load(file);
}importXML(url);//Load xml
function updatetupiandizhi()
{
if(moz)
{
var ad = xmlDoc.getElementsByTagName("ad")[0];
var tupian;
var _tupian = ad.getElementsByTagName("tupian")[i].firstChild.nodeValue;
if (_tupian) tupian = _tupian.Trim();
//tupian,dizhi 노드 아래의 값 가져오기
var dizhi;
var _dizhi=ad.getElementsByTagName("dizhi")[i ].firstChild.nodeValue;
if(_dizhi) dizhi = _dizhi.Trim();
document.getElementById('tupian').href = tupian; = dizhi;
// 회전 구현
} else if (ie)
{var src = xmlDoc.documentElement.selectNodes("tupian");
var href = xmlDoc.documentElement.selectNodes(" dizhi");
/ /tupian,dizhi 노드
에서 값 가져오기
document.getElementById("dizhi").href = href(i).text;
document.getElementById("tupian") .src = src(i).text ;
//회전 구현
}}

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿