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 相关文章推荐
Jquery 模拟用户点击超链接或者按钮的方法
Oct 25 Javascript
AngularJS入门教程(零):引导程序
Dec 06 Javascript
js判断文本框剩余可输入字数的方法
Feb 04 Javascript
JavaScript中Window对象的属性及事件
Dec 25 Javascript
jquery popupDialog 使用 加载jsp页面的方法
Oct 25 Javascript
JavaScript获取键盘按键的键码(参照表)
Jan 10 Javascript
localStorage的黑科技-js和css缓存机制
Feb 06 Javascript
简单说说angular.json文件的使用
Oct 29 Javascript
Vue使用NProgress的操作过程解析
Oct 10 Javascript
countUp.js实现数字滚动效果
Oct 18 Javascript
jQuery实现电梯导航模块
Dec 22 jQuery
SpringBoot+Vue 前后端合并部署的配置方法
Dec 30 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
echo, print, printf 和 sprintf 区别
2006/12/06 PHP
php基础知识:类与对象(4) 范围解析操作符(::)
2006/12/13 PHP
php面向对象全攻略 (二) 实例化对象 使用对象成员
2009/09/30 PHP
PHP文章按日期(月日)SQL归档语句
2012/11/29 PHP
浏览器预览PHP文件时顶部出现空白影响布局分析原因及解决办法
2013/01/11 PHP
php递归实现无限分类的方法
2015/07/28 PHP
JS控件autocomplete 0.11演示及下载 1月5日已更新
2007/01/09 Javascript
用js控制组织结构图可以任意拖拽到指定位置
2014/01/17 Javascript
jQuery实现图片局部放大镜效果
2016/03/17 Javascript
教你JS中的运算符乘方、开方及变量格式转换
2016/08/09 Javascript
connection reset by peer问题总结及解决方案
2016/10/21 Javascript
在JSP中如何实现MD5加密的方法
2016/11/02 Javascript
解决Vue2.0中使用less给元素添加背景图片出现的问题
2018/09/03 Javascript
详解Vue源码之数据的代理访问
2018/12/11 Javascript
angular4+百分比进度显示插件用法示例
2019/05/05 Javascript
vue实现在线翻译功能
2019/09/27 Javascript
javascript 代码是如何被压缩的示例代码
2020/05/06 Javascript
[03:46]DAC趣味视频-中文考试.mp4
2017/04/02 DOTA
详解Python的单元测试
2015/04/28 Python
Python解析nginx日志文件
2015/05/11 Python
Python PyQt5实现的简易计算器功能示例
2017/08/23 Python
Python IDLE入门简介
2017/12/08 Python
Python模块汇总(常用第三方库)
2019/10/07 Python
基于Django统计博客文章阅读量
2019/10/29 Python
运行tensorflow python程序,限制对GPU和CPU的占用操作
2020/02/06 Python
pytorch中使用cuda扩展的实现示例
2020/02/12 Python
三步解决python PermissionError: [WinError 5]拒绝访问的情况
2020/04/22 Python
python 8种必备的gui库
2020/08/27 Python
关于canvas绘制模糊问题的解决方法
2019/09/24 HTML / CSS
SEPHORA丝芙兰捷克官网:购买香水、化妆品和护肤品
2018/11/26 全球购物
纺织工程专业个人求职信范文
2014/01/27 职场文书
运动会入场式解说词
2014/02/18 职场文书
开工仪式主持词
2014/03/20 职场文书
红色经典电影观后感
2015/06/18 职场文书
中国古代史学名著《战国策》概述
2019/08/09 职场文书
创业计划书之物流运送
2019/09/17 职场文书