|
近几天折腾了个摄影页面,记录平时拍的一些影像碎片,修改Wordpress的Filkr相册插件嫌麻烦,于是所有图片的地址都是以静态形式写进去。觉着很麻烦,特别是添加图片时。怎么办?我想到了强大的xml。何不将所有的图片路径数据集中放在一个xml文档中,然后用JavaScript加载该文档,再把数据一条条插进去,这样就不用每次到页面中写html代码了(JSON可以更简洁的解析,但本文是讲xml的,哈)。
如何用JavaScript加载xml文档? Google 一下,大把的信息,但MS都是有缺陷的(起码我没找到一个全兼容的),不兼容,比如w3school版本 .怎么办?自己折腾吧,查了JavaScript权威指南,又看了网上一些写法,然后整理出一个原则上是全兼容的加载xml函数。经过本人测试的有:ie6/7/8,FF(Geckos),Chrome(Webkit),Opera,没装Safira,但她和Chrome一样的核,应该没问题。
原生JavaScript版本
function loadXml(fileName){
//@mrthink.NET
var xmlDoc = null;
if (window.ActiveXObject) {//写给ie系
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async = false;//这句别漏掉,否则 IE系会报完成该操作所需的数据还不可用
//xmlDoc.loadXML(fileName);//这个是用来加载xml字符串的
xmlDoc.load(fileName);//如果用的是xml 文件。
}
else
if (document.implementation && document.implementation.createDocument) {//webkit,Geckos,Op 内核的
var xmlhttp = new window.XMLHttpRequest();
xmlhttp.open("GET", fileName, false);//类型,文件名,是否缓存
xmlhttp.send(null);
xmlDoc = xmlhttp.responseXML;
}
else {
xmlDoc = null;
}
return xmlDoc;
}
it知识库:加载xml文档的函数(原生JavaScript版及 jQuery版),转载需保留来源!
郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。