javascript读写XML实现广告轮换(兼容IE、FF)


Posted in Javascript onAugust 09, 2013

xml结构如下

<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)
//读取秒数,根据奇偶随机轮换,当然也可以改变此处算法增加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);//载入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;  
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;   
//实现轮换 
}}
Javascript 相关文章推荐
实用javaScript技术-屏蔽类
Aug 15 Javascript
JS控件autocomplete 0.11演示及下载 1月5日已更新
Jan 09 Javascript
jQuery弹出(alert)select选择的值
Apr 21 Javascript
分享我对JS插件开发的一些感想和心得
Feb 04 Javascript
内容滑动切换效果jquery.hwSlide.js插件封装
Jul 07 Javascript
原生JS实现图片翻书效果
Feb 16 Javascript
微信小程序富文本渲染引擎的详解
Sep 30 Javascript
AngularJS双向数据绑定原理之$watch、$apply和$digest的应用
Jan 30 Javascript
通过一次报错详细谈谈Point事件
May 17 Javascript
JS实现倒计时图文效果
Nov 17 Javascript
Vue引入Stylus知识点总结
Jan 16 Javascript
Vue实现一种简单的无限循环滚动动画的示例
Jan 10 Vue.js
jQuery prev ~ siblings选择器使用介绍
Aug 09 #Javascript
jQuery怎么解析Json字符串(Json格式/Json对象)
Aug 09 #Javascript
jQuery查询数据返回object和字符串影响原因是什么
Aug 09 #Javascript
在服务端(Page.Write)调用自定义的JS方法详解
Aug 09 #Javascript
Jquery显示、隐藏元素以及添加删除样式
Aug 09 #Javascript
jquery实现文字由下到上循环滚动的实例代码
Aug 09 #Javascript
jquery 实现上下滚动效果示例代码
Aug 09 #Javascript
You might like
一个PHP二维数组排序的函数分享
2014/01/17 PHP
PHP小教程之实现双向链表
2014/06/12 PHP
PHP实现补齐关闭的HTML标签
2016/03/22 PHP
laravel ORM 只开启created_at的几种方法总结
2018/01/29 PHP
PHP实现压缩图片尺寸并转为jpg格式的方法示例
2018/05/10 PHP
ThinkPHP5 验证器的具体使用
2018/05/31 PHP
JavaScript中的私有成员
2006/09/18 Javascript
css把超出的部分显示为省略号的方法兼容火狐
2008/07/23 Javascript
jQuery的实现原理的模拟代码 -4 重要的扩展函数 extend
2010/08/03 Javascript
AlertBox 弹出层信息提示框效果实现步骤
2010/10/11 Javascript
js实现的捐赠管理完整实例
2015/01/20 Javascript
js比较日期大小的方法
2015/05/12 Javascript
一张Web前端的思维导图分享
2015/07/03 Javascript
jQuery中判断对象是否存在的方法汇总
2016/02/24 Javascript
JS弹出层遮罩,隐藏背景页面滚动条细节优化分析
2016/04/29 Javascript
Vue shopCart 组件开发详解
2018/01/26 Javascript
JS设计模式之访问者模式定义与用法分析
2018/02/05 Javascript
vue.js-div滚动条隐藏但有滚动效果的实现方法
2018/03/03 Javascript
[55:47]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第三局
2016/02/27 DOTA
[38:32]完美世界DOTA2联赛循环赛 Forest vs DM 第二场 11.06
2020/11/06 DOTA
python读取html中指定元素生成excle文件示例
2014/04/03 Python
Python写的一个简单DNS服务器实例
2014/06/04 Python
在Python中的Django框架中进行字符串翻译
2015/07/27 Python
使用python实现rsa算法代码
2016/02/17 Python
python脚本生成caffe train_list.txt的方法
2018/04/27 Python
Python 依赖库太多了该如何管理
2019/11/08 Python
Python numpy线性代数用法实例解析
2019/11/15 Python
Python: 传递列表副本方式
2019/12/19 Python
JACK & JONES瑞典官方网站:杰克琼斯欧式风格男装
2017/12/23 全球购物
介绍下static、final、abstract区别
2015/01/30 面试题
机械制造与自动化应届生求职信
2013/11/16 职场文书
上课迟到检讨书100字
2014/01/11 职场文书
生物科学专业职业规划书范文
2014/02/11 职场文书
团代会宣传工作方案
2014/05/08 职场文书
爱国主义教育演讲稿
2014/08/26 职场文书
2016教师节感恩话语
2015/12/09 职场文书