IE和FireFox下javascript读写XML实现广告轮换

读书读个毛啊

读书读个毛啊

2016-02-19 22:18

今天图老师小编给大家介绍下IE和FireFox下javascript读写XML实现广告轮换,平时喜欢IE和FireFox下javascript读写XML实现广告轮换的朋友赶紧收藏起来吧!记得点赞哦~

  最近更新网站首页广告,ASP.NET的广告控件很容易实现这点,可首页是静态页面,联想广告控件的原理决定采用javascript+xml实现这点方面配置,更新广告时只要更新xml即可,方便了广告轮换

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  xml结构如下

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

ad
tupianhttp://edu.itbulo.com/UploadFiles_1485/200610/20061010132448597.jpg/tupian
dizhihttp://www.seehaha.com/plan//dizhi
dizhihttp://www.seehaha.com/va.htm/dizhi
/ad
==

// 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 != 'undefined')   && (typeof document.implementation.createDocument != 'undefined'); var ie = (typeof window.ActiveXObject != 'undefined');function importXML(file) { if (moz)  {   xmlDoc = document.implementation.createDocument("", "doc", null);//创建Firefox下XML文档对象 }  else if (ie)  {   xmlDoc = new ActiveXObject("MSXML2.DOMDocument.3.0");   xmlDoc.async = false;   while( xmlDoc.readyState != 4) {};//创建IE下XML文档对象 }  xmlDoc.load(file);}importXML(url);//载入xmlfunction 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;      document.getElementById('dizhi').src = 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;   //实现轮换 }}

展开更多 50%)
分享

猜你喜欢

IE和FireFox下javascript读写XML实现广告轮换

Web开发
IE和FireFox下javascript读写XML实现广告轮换

IE和Firefox之间的JavaScript差异

Web开发
IE和Firefox之间的JavaScript差异

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

用javascript实现的仿Flash广告图片轮换效果

Web开发
用javascript实现的仿Flash广告图片轮换效果

firefox下javascript实现高亮关键词的方法

Web开发
firefox下javascript实现高亮关键词的方法

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

解读IE和firefox下JScript和HREF的执行顺序

Web开发
解读IE和firefox下JScript和HREF的执行顺序

CSDN轮换广告图片轮换效果

Web开发
CSDN轮换广告图片轮换效果

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

如何用javascript防止连打(双击)

如何用javascript防止连打(双击)

Win7下共享网络连接至WLAN的批处理

Win7下共享网络连接至WLAN的批处理
下拉加载更多内容 ↓