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 相关文章推荐
js变量以及其作用域详解
Jul 18 Javascript
javascript错误的认识不用关心内存管理
Dec 15 Javascript
基于jQuery插件实现环形图标菜单旋转切换特效
May 15 Javascript
javascript实现在线客服效果
Jul 15 Javascript
Angularjs 滚动加载更多数据
Mar 17 Javascript
Bootstrap基本组件学习笔记之缩略图(13)
Dec 08 Javascript
详解Javascript百度地图接口开发文档中的类和方法
Feb 07 Javascript
Angular实现一个简单的多选复选框的弹出框指令实例
Apr 25 Javascript
详解基于Bootstrap+angular的一个豆瓣电影app
Jun 26 Javascript
WebStorm ES6 语法支持设置&amp;babel使用及自动编译(详解)
Sep 08 Javascript
React根据宽度自适应高度的示例代码
Oct 11 Javascript
layui添加动态菜单与选项卡
Jul 26 Javascript
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/04/25 PHP
PHP利用MySQL保存session的实现思路及示例代码
2014/09/09 PHP
php检查页面是否被百度收录
2015/10/28 PHP
Yii快速入门经典教程
2015/12/28 PHP
PHP+MYSQL实现读写分离简单实战
2017/03/13 PHP
PHP基于curl实现模拟微信浏览器打开微信链接的方法示例
2019/02/15 PHP
PHP中抽象类,接口功能、定义方法示例
2019/02/26 PHP
PHP的静态方法与普通方法用法实例分析
2019/09/26 PHP
一个用javascript写的select支持上下键、首字母筛选以及回车取值的功能
2009/09/09 Javascript
框架页面高度自动刷新的Javascript脚本
2013/11/01 Javascript
JS画线(实例代码)
2013/11/20 Javascript
jQuery 隐藏和显示 input 默认值示例
2014/06/03 Javascript
asp.net+js实现金额格式化
2015/02/27 Javascript
jQuery实现带有洗牌效果的动画分页实例
2015/08/31 Javascript
JS对象是否拥有某属性如何判断
2017/02/03 Javascript
js仿新浪微博消息发布功能
2017/02/17 Javascript
JavaScript实现图片拖曳效果
2017/09/08 Javascript
微信小程序项目实践之验证码倒计时功能
2018/07/18 Javascript
Vue-cli配置打包文件本地使用的教程图解
2018/08/02 Javascript
vue表单自定义校验规则介绍
2018/08/28 Javascript
使用vue2.0创建的项目的步骤方法
2018/09/25 Javascript
Vue项目环境搭建详细总结
2019/09/26 Javascript
javascript递归函数定义和用法示例分析
2020/07/22 Javascript
[02:14]完美“圣”典2016风云人物:xiao8专访
2016/12/01 DOTA
Python的函数嵌套的使用方法
2014/01/24 Python
python利用matplotlib库绘制饼图的方法示例
2016/12/18 Python
Django REST为文件属性输出完整URL的方法
2017/12/18 Python
python实现冒泡排序算法的两种方法
2018/03/10 Python
python对文件的操作方法汇总
2020/02/28 Python
Python文件读写w+和r+区别解析
2020/03/26 Python
Python利用myqr库创建自己的二维码
2020/11/24 Python
迷你分体式空调:SoGoodToBuy
2018/08/07 全球购物
厨师长岗位职责
2014/03/02 职场文书
预备党员的自我评价
2014/03/12 职场文书
2016年少先队活动总结
2016/04/06 职场文书
宪法宣传标语100条
2019/10/15 职场文书