快捷導(dǎo)航

javascript讀寫XML實(shí)現(xiàn)廣告輪換(兼容IE、FF)

更新時(shí)間：2013年08月09日 11:40:51 作者：

最近更新網(wǎng)站首頁廣告，ASP.NET的廣告控件很容易實(shí)現(xiàn)這點(diǎn)，可首頁是靜態(tài)頁面，聯(lián)想廣告控件的原理決定采用javascript+xml實(shí)現(xiàn)這點(diǎn)方面配置，更新廣告時(shí)只要更新xml即可，方便了廣告輪換

xml結(jié)構(gòu)如下

復(fù)制代碼代碼如下:

<ad>
<tupian>http://www.seehaha.com/images/060901-150.100.2.gif</tupian>
<tupian>http://www.seehaha.com/xml/061009-300.100.jpg</tupian>
<dizhi>http://www.seehaha.com/plan/</dizhi>
<dizhi>http://www.seehaha.com/va.htm</dizhi>
</ad>
==

// JScript 文件
var Now = new Date();
var Min = Now.getSeconds();
var i;
if((Min % 2) == 1)
//讀取秒數(shù)，根據(jù)奇偶隨機(jī)輪換，當(dāng)然也可以改變此處算法增加xml節(jié)點(diǎn)數(shù)
{
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 != 'undefined')   && (typeof document.implementation.createDocument != 'undefined');
var ie = (typeof window.ActiveXObject != 'undefined');
function importXML(file) {
if (moz)
{
xmlDoc = document.implementation.createDocument("", "doc", null);
//創(chuàng)建FIREFOX下XML文檔對象
}
else if (ie)
{   xmlDoc = new ActiveXObject("MSXML2.DOMDocument.3.0");
xmlDoc.async = false;
while( xmlDoc.readyState != 4) {};
//創(chuàng)建IE下XML文檔對象
}
xmlDoc.load(file);
}importXML(url);//載入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節(jié)點(diǎn)下的值
var dizhi;
var _dizhi=ad.getElementsByTagName("dizhi")[i].firstChild.nodeValue;
if(_dizhi) dizhi = _dizhi.Trim();
document.getElementById('tupian').href = tupian;
document.getElementById('dizhi').src = dizhi;
//實(shí)現(xiàn)輪換
} else if (ie)
{var src = xmlDoc.documentElement.selectNodes("tupian");
var href = xmlDoc.documentElement.selectNodes("dizhi");
//得到tupian,dizhi節(jié)點(diǎn)下的值
document.getElementById("dizhi").href = href(i).text;
document.getElementById("tupian").src = src(i).text;
//實(shí)現(xiàn)輪換
}}