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

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;  
//实现轮换
}}

时间: 2025-01-25 12:20:18

javascript读写XML实现广告轮换(兼容IE、FF)_javascript技巧的相关文章

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

javascript|xml|广告 最近更新网站首页广告,ASP.NET的广告控件很容易实现这点,可首页是静态页面,联想广告控件的原理决定采用javascript+xml实现这点方面配置,更新广告时只要更新xml即可,方便了广告轮换xml结构如下<ad><tupian>http://www.seehaha.com/images/060901-150.100.2.gif</tupian><tupian>http://www.seehaha.com/xml/06

IE和FireFox下&amp;#106avascript读写XML实现广告轮换

xml|广告 最近更新网站首页广告,ASP.NET的广告控件很容易实现这点,可首页是静态页面,联想广告控件的原理决定采用javascript+xml实现这点方面配置,更新广告时只要更新xml即可,方便了广告轮换xml结构如下<ad><tupian>http://www.seehaha.com/images/060901-150.100.2.gif</tupian><tupian>http://www.seehaha.com/xml/061009-300.10

javascript上传图片前预览图片兼容大多数浏览器_javascript技巧

复制代码 代码如下: <div id="localImag"><img id="preview" width="-1" height="-1" style="display:none" /></div> <asp:FileUpload ID="file_head" runat="server" onchange="j

javascript实现动态增加删除表格行(兼容IE/FF)_javascript技巧

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>动态增删表格行</title> <script language="JavaScript"> <!-- //author: 

JavaScript 无缝上下左右滚动加定高定宽停顿效果(兼容ie/ff)_javascript技巧

顺德于1993年被批准为广东省综合改革试点. 2006年顺德成为首个GDP超过1000亿的县级行政单位. 2000至2003年顺德均在中国百强县排名中位居榜首. 2005年顺德实现国内生产总值856.11亿元.

javascript获取鼠标位置部分的实例代码(兼容IE,FF)_javascript技巧

复制代码 代码如下: var xPos; var yPos; document.onmousemove = mouseMove; function mouseMove(ev) { ev = ev window.event; var mousePos = mouseCoords(ev); xPos = mousePos.x; yPos = mousePos.y; } function mouseCoords(ev) { if (ev.pageX ev.pageY) { return { x: ev

JS 两日期相减,获得天数的小例子(兼容IE,FF)_javascript技巧

复制代码 代码如下:    function GetDay() {    var arrDate, objDate1, objDate2, intDays;     objDate1 = new Date();    objDate2 = new Date();     arrDate = $("#开始日期").val().split("-");    objDate1.setFullYear(arrDate[0], arrDate[1], arrDate[2]);

4屏flash+xml图片广告轮换代码

文章提供这款4屏flash+xml图片广告轮换代码哦,他只能放四张图片,原因它是由flash调用xml文档的图片与连接地址,所以使用起来是很方便的,如果是网速比较慢他还会显示为加载效果. <html> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312"> <title>4屏flash+xml图片广告轮换代码</tit

javascript页面漂浮广告,兼容IE/ff浏览器

 代码如下 复制代码 /**  * 漂浮广告,兼容IE  * 用法:<div id="gg1" style="width:100px;height:100px;background-color:red;color:yellow"> 广告1 </div>  * <script type="text/javascript">var ad1=new AdMove("gg1");ad1.Run();