JavaScript 【 IE中的XML DOM 】
IE中的 XML DOM
在统一的正式规范出来以前,浏览器对于XML的解决方案各不相同。DOM2级提出了动态创建XML DOM规范,DOM3进一步增强了XML DOM。所以,在不同的浏览器实现XML的处理是一件比较麻烦的事情。
一、创建XMLDOM对象
var xmlDom = new ActiveXObject('MSXML2.DOMDocument');
微软的三种版本:
1.MSXML2.DOMDocument.6.0 最可靠最新的版本
2.MSXML2.DOMDocument.3.0 兼容性较好的版本
3.MSXML2.DOMDocument 仅针对IE5.5之前的版本
这三个版本在不同的windows平台和浏览器下会有不同的支持,那么为了实现兼容,我们应该考虑这样操作:
从6.0->3.0->备用版本这条路线进行实现,如下:
function createXMLDOM() {
var version = [
'MSXML2.DOMDocument.6.0',
'MSXML2.DOMDocument.3.0',
'MSXML2.DOMDocument'
];
for (var i = ; i < version.length; i ++) {
try {
var xmlDom = new ActiveXObject(version[i]);
return xmlDom;
} catch (e) {
//跳过
}
}
throw new Error('您的系统或浏览器不支持MSXML!'); //循环后抛出错误
}
二、载入XML,使用loadXML()和load()这两个方法可以分别载入XML字符串或XML文件:
1、
xmlDom.loadXML('<root version="1.0"><user>Lee</user></root>');
alert(xmlDom.xml);
2、
xmlDom.load('test.xml'); //载入一个XML文件
alert(xmlDom.xml); //将其序列化
三、当你已经可以加载了XML,那么你就可以用之前学习的DOM来获取XML数据,比如标签内的某个文本。
1、
var user = xmlDom.getElementsByTagName('user')[0]; //获取<user>节点
alert(user.tagName); //获取<user>元素标签
alert(user.firstChild.nodeValue); //获取<user>里的值Lee
2、
DOM不单单可以获取XML节点,也可以创建。
var email= xmlDom.createElement('email');
xmlDom.documentElement.appendChild(email);
<script type="text/javascript"> function createXMLDOM() {
var version = [
"MSXML2.DOMDocument6.0",
"MSXML2.DOMDocument3.0",
"MSXML2.DOMDocument"
];
for (var i = 0; i < version.length; i++) {
try {
var xmlDom = new ActiveXObject(version[i]);
return xmlDom; } catch (e) { }
}
throw new Error("您的系统或浏览器不支持MSXML库"); } var xmlDom = createXMLDOM();
// xmlDom.loadXML("<root><user>cpu</user></root>");//加载XML字符串
// alert(xmlDom.xml); //序列化XML,打印字符串 xmlDom.load("abc.xml");
var user = xmlDom.getElementsByTagName("user")[0];
// alert(user.nodeType); var bbb = xmlDom.createElement('bbb');
var root = xmlDom.documentElement;
root.appendChild(bbb);
var bbbText = xmlDom.createTextNode('kkk');
bbb.appendChild(bbbText);
alert(xmlDom.xml); </script>
学习笔记
四、同步和异步
/*
//默认使用的异步加载
var xmlDom = createXMLDOM();
xmlDom.load('demo.xml');
alert(xmlDom.xml); //PS:在服务器端,默认使用的是异步加载。
//两个原因:1.在服务器端,使用的异步加载,load()还没有加载完毕,就去打印xmlDom.xml序列化的字符串 //使用同步加载
var xmlDom = createXMLDOM();
xmlDom.async = false; //同步设置false,异步设置true,默认是异步
xmlDom.load('demo.xml');
alert(xmlDom.xml); //使用同步记载延迟的PHP文件
var xmlDom = createXMLDOM();
xmlDom.async = false; //同步设置false,异步设置true,默认是异步
xmlDom.load('demo.php'); //加载这个PHP文件,使用了5秒,并且后面的代码没有执行
alert(xmlDom.xml); //5秒后才执行的 //PS:使用同步加载,如果延迟,那么整个浏览器就假死了。
*/ //我们应该用异步
var xmlDom = createXMLDOM();
xmlDom.async = true; //同步设置false,异步设置true,默认是异步 xmlDom.onreadystatechange = function () { //这个事件必须放在load()方法前面,意图先载入事件,再当load()执行的似乎才能激活
//alert(xmlDom);
if (xmlDom.readyState == 4) {
//xmlDom.parseError.errorCode 错误代号,没有错误是返回0
if (xmlDom.parseError.errorCode == 0) {
//alert(this === xmlDom); //this执行的是window
alert(xmlDom.xml);
} else {
throw new Error('错误行号:' + xmlDom.parseError.line +
'\n错误代号:' + xmlDom.parseError.errorCode +
'\n错误解释:' + xmlDom.parseError.reason);
}
}
} xmlDom.load('demo.xml'); //onreadystatechange比较特殊,里面的this表示 window而不是执行的object
JavaScript 【 IE中的XML DOM 】的更多相关文章
- Javascript 解析字符串生成 XML DOM 对象。
Javascript 接收字符串生成 XML DOM 对象.实测对 Firefox .IE6 有效.可用于解析 ajax 的服务器响应结果,也可用于解析自定义字符串.1. [代码]函数 ppt模 ...
- php中的XML DOM(10)
1.PHP DOM (1) Php中的DOM跟javascript不一样,属性不用另外增加一个节点 2.主要类 DOMDocument :文档类 DOMNodeList :节点列表类 DOMNode ...
- php中的XML DOM(11)
7.创建节点 在dom操作中,增删改操作必须要找父节点 1.DOMElement DOMDocument::createElement ( string $name [, string $value ...
- javascript快速入门25--浏览器中的XML
打开XML 首先,直接从浏览器中打开XML文件,浏览器会对其进行格式良好性检查,如果不符合XML语法规范则显示出错,如果格式良好,再检查是否包含样式表(CSS或XSL),如果包含样式表,则用样式表格式 ...
- 【译】用jQuery 处理XML--浏览器中的XML与JavaScript
用jQuery 处理XML--写在前面的话 用jQuery 处理XML-- DOM(文本对象模型)简介 用jQuery 处理XML--浏览器中的XML与JavaScript 用jQuery 处理XML ...
- 浏览器中的XML与JavaScript
浏览器中的XML与JavaScript 在处理XML前,你需要在JavaScript中获取它.这一部分展示了一些不同的方法用来在JavaScript中获取XML并且对它进行处理. XML的节点类型 在 ...
- javascript中的XML
IE下创建DOM并载入XML var xmldoc = new ActiveXObject("Microsoft.XMLDOM"); xmldoc.load(url); //载入X ...
- javascript随机将第一个dom中的图片添加到第二个div中去
javascript随机将第一个dom中的图片添加到第二个div中去,此代码的是一个简单的例子,将第一个div中的五张图片中,提取随机两张显示到第二个div中. <!DOCTYPE html P ...
- DOM和SAX是应用中操纵XML文档的差别
查看原文:http://www.ibloger.net/article/205.html DOM和SAX是应用中操纵XML文档的两种主要API.它们分别解释例如以下: DOM.即Do ...
随机推荐
- 把Storyboard减轻的方法
把Storyboard减轻的方法 by 伍雪颖 UIViewController *secondStoryboard = [[UIStoryboard storyboardWithName:@&quo ...
- DataSet转Json 方法
防止忘记,留着备用 /// <summary> /// DATASET转JSON /// </summary> /// <param name="ds" ...
- Hello World 老调重谈
namespace ConsoleApplication1 { class Program { static void Main(string[] args) { Console.WriteLine( ...
- WPF实现窗体最小化后小图标在右边任务栏下
一 基本功能 1. 这里是用 NotifyIcon 控件来实现,但 WPF 下没有 NotifyIcon 控件,怎么办,用 WinForm 下的呗. 先引用 .NET 自带的两个程序集 Syste ...
- Java编程的23种设计模式
设计模式(Design Patterns) --可复用面向对象软件的基础 设计模式(Design pattern)是一套被反复使用. ...
- SQL查询多行合并成一行
问题描述:无论是在sql 2000,还是在 sql 2005 中,都没有提供字符串的聚合函数, 所以,当我们在处理下列要求时,会比较麻烦:有表tb, 如下:id value----- ---- ...
- Mac系统杂项 (持续更新)
一.调整LaunchPad的图标显示列数和行数 .调整每一列显示图标数量.在我的电脑上(1366 * 768),每列7个个人觉得比较不错 defaults write com.apple.dock s ...
- H5 progress标记
进度条标记 示例:<progress class="processbar" id="processbar" max="100" val ...
- Javascript-数据类型、类型转换
typeof 判断数据类型: var n = 1; var t = "echo"; var fn = function() {} var arr = [1,2,3]; typeof ...
- SSH安全登录(远程管理)22端口
Linux管理Linux 先加密再发送数据,更安全 一 联机加密工具 非对称钥匙对加密 安装 默认安装 openssh 启动 ...