(window.ActiveXObject) 什么意思?
解:判断浏览器是否支持ActiveX控件,如果浏览器支持ActiveX控件可以利用
var xml=new ActiveXObject("Microsoft.XMLHTTP");创建XMLHttpRequest 对象(这是在IE7以前的版本中);在较新的IE版本中可以利用 var xml=new ActiveXObject("Msxml2.XMLHTTP")的形式创建XMLHttpRequest对象;而在IE7及非IE浏览器中可以利用var xml=new XMLHttpRequest()创建XMLHttpRequest对象。
创建XMLHttpRequest 对象,必须考虑到浏览器兼容问题
创建XMLHTTPRequest对象
对了,说到区别,我们这里来看看怎么来声明(使用)它,在使用XMLHTTPRequest对象发送请求和处理响应之前,我们必须要用javascript创建一个XMLHTTPRequest对象。(IE把XMLHTTPRequest实现为一个ActiveX对象,其他的浏览器[如Firefox/Safari/Opear]则把它实现为一个本地的javascript对象)。下面我们就来看看具体怎么运用javascript来创建它吧:
<script language="javascript" type="text/javascript">
<!--
var xmlhttp;
// 创建XMLHTTPRequest对象
function createXMLHTTPRequest(){
if(window.ActiveXObject){ // 判断是否支持ActiveX控件
xmlhttp = new ActiveObject("Microsoft.XMLHTTP"); // 通过实例化ActiveXObject的一个新实例来创建XMLHTTPRequest对象
}
else if(window.XMLHTTPRequest){ // 判断是否把XMLHTTPRequest实现为一个本地javascript对象
xmlhttp = new XMLHTTPRequest(); // 创建XMLHTTPRequest的一个实例(本地javascript对象)
}
}
//-->
</script>
js用来区别IE与其他浏览器及IE6-8之间的方法。
1、document.all
2、!!window.ActiveXObject;
使用方法如下:
if (document.all){
alert(”IE浏览器”);
}else{
alert(”非IE浏览器”);
}
if (!!window.ActiveXObject){
alert(”IE浏览器”);
}else{
alert(”非IE浏览器”);
}
下面是区别IE6、IE7、IE8之间的方法:
var isIE=!!window.ActiveXObject;
var isIE6=isIE&&!window.XMLHttpRequest;
var isIE8=isIE&&!!document.documentMode;
var isIE7=isIE&&!isIE6&&!isIE8;
if (isIE){
if (isIE6){
alert(”ie6″);
}else if (isIE8){
alert(”ie8″);
}else if (isIE7){
alert(”ie7″);
}
}
首先我们确保这个浏览器为IE的情况下,进行了在一次的检测,如果你对此有怀疑,可以测试一下。
我这里就直接使用在判断中了,你也可以将他们先进行声明成变量进行使用。据说火狐以后也会加入document.all这个方法,所以建议使用第二种方法,应该会安全一些。
【补充:】
open()只是初始化,做好准备发送,
send()才是发送请求。
AJAX是异步的,也就是说,它不是等上一步执行完再去执行下一步,从服务端去处理的时候,它是不会等服务端处理完,返回值回来,再去执行下面的代码的。
当服务器执行完后,返回来的结果,由回调函数来处理,你这个回调函数就是:stateChange()
它会根据状态的值来处理。状态的值为4表示从服务端已处理完成了。status为200表示处理成功了,没有问题
<%--
// 加载xml文档
loadXML = function (xmlFile) {
var xmlDoc;
if
(window.ActiveXObject) {
//xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc =
new
ActiveXObject(
"microsoft.xmldom"
);
xmlDoc.async =
false
;
xmlDoc.load(xmlFile);
}
else
if
(document.implementation && document.implementation.createDocument) {
xmlDoc = document.implementation.createDocument(
''
,
''
,
null
);
xmlDoc.load(xmlFile);
}
else
{
return
null
; }
return
xmlDoc;
}
function CreateTree() {
var xmlDoc = loadXML(
'KnowledgeMapXmlData.xml'
);
if
(xmlDoc ==
null
) {
return
;
}
var firstXmlNodes = xmlDoc.documentElement;
for
(var i = 0; i < firstXmlNodes.childNodes.length; i++) {
var firstNodeName = firstXmlNodes.childNodes[i].attributes[0].text;
var seconXmlNodes = firstXmlNodes.childNodes[i];
for
(var j = 0; j < seconXmlNodes.childNodes.length; j++) {
var secondNodeName = seconXmlNodes.childNodes[j].attributes[0].text;
var thirdXmlNodes = seconXmlNodes.childNodes[j];
for
(var k = 0; k < thirdXmlNodes.childNodes.length; k++) {
var thirdNodeName = thirdXmlNodes.childNodes[k].attributes[0].text;
}
}
}
}
--%>
|
JS读取并输出xml文件节点及属性(兼容IE,FF)
这个东西让我好难找啊,不过还是找到了。
好东东不能自己藏着,发出来分享一下了,^_^ |
book.html 代码如下:
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="javascript">
var xmlDoc;
var browse="";
function loadXML()
{
var fileRoute="books.xml"
if (window.ActiveXObject)
{
xmlDoc = new ActiveXObject('Msxml2.DOMDocument');
xmlDoc.async=false;
xmlDoc.load(fileRoute);
browse="ie";
}
else if (document.implementation && document.implementation.createDocument)
{
xmlDoc=document.implementation.createDocument('', '', null);
xmlDoc.load(fileRoute);
browse="ff";
}
else
{
alert( '未做与该浏览器的兼容!');
}
}
function getmessage()
{
var msg='<table border="1" cellspacing="0" cellpadding="0" width="500">';
msg+='<tr><td width="90"></td><td width="100">图书编号</td><td width="100">种类编号</td><td width="110">图书名称</td><td width="100">作者</td></tr>'
if(browse=="ff")
{
var cNodes = xmlDoc.getElementsByTagName("book");
for(j=0;j<cNodes.length;j++)
{
var bookID=xmlDoc.getElementsByTagName("book")[j].getAttribute("id");
var sortID=xmlDoc.getElementsByTagName("book")[j].getAttribute("sortID");
var bookTitle=xmlDoc.getElementsByTagName("title")[j].childNodes[0].nodeValue;
var bookAuthor=xmlDoc.getElementsByTagName("author")[j].childNodes[0].nodeValue;
msg+='<tr><td>'+j+'</td><td>'+bookID+'</td><td width="100">'+sortID+'</td><td width="190">'+bookTitle+'</td><td width="120">'+bookAuthor+'</td></tr>'
}
}