繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > IE与firefox下Dhtml的一些区别小结
- Javascript
- 一个可以兼容IE FF的加为首页与加入收藏实现代码
- javascript(jquery)利用函数修改全局变量的代码
- JQuery 解析多维的Json数据格式
- javascript 按回车键相应按钮提交事件
- 深入认识javascript中的eval函数
- jquery tree 可编辑节点实现代码(jquery一句话节点菜单)
- js window.onload 加载多个函数的方法
- MAC官方菜单纯CSS实现灰色会换色
- CSS Filter背景透明提示
- CSS鼠标悬停菜单 图片交换技术实现
- 纯JS图片批量预加载技术代码
- 实用的层滑开js实现代码
- jQuery get和post 方法传值注意事项
- JQuery打造PHP的AJAX表单提交实例
- Jquery AJAX 框架的使用方法
- 基于JQuery框架的AJAX实例代码
- jquery ajax 检测用户注册时用户名是否存在
- javascript 限制输入脚本大全
- JavaScript window.setTimeout() 的详细用法
- JavaScript 表格高亮类的应用[高级]
Javascript 中的 IE与firefox下Dhtml的一些区别小结
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 108 ::
收藏到网摘: n/a
IE与Mozilla下Dhtml的一些区别小结 1.DOM上的接口基本上还是一致的，但经测试发现mozilla下的DOM更标准些,就算些法一样，IE下会有一些微小的区别，但无关要紧
2.事件模型上，这方面区别算比较大.
mozilla下的e.target 相当于 ie下的event.srcElement,但细节上有区别，后者是返回一个html element
而e.target返回的是个节点，也就是说包括文本节点，方法可以这样
var trg = e.target;
while(trg.nodeType!=1)trg=trg.parentNode;
mozilla下的e.which与ie下的event.keyCode相当
相对应的还有e.layerX,e.layerY,e.pageX,e.pageY...
可以看看http://fason.nease.net/mozilla/dom/ event部份
事件绑定上mozilla用addEventListener,removeEventListener,对应ie的attachEvent,detatchEvent
3.对象引用上就直接document.getElementById就行了，如果还要兼容ie4,可以再加上document.all判断
form element的引用要标准些var oInput = document.formName.elements["input1"]
4.XML的应用上区别更大些，因为IE下是通过activex来创建，而mozilla已经是有这些对象的（需要dom2支持）
Xmldomdocument: var doc = document.inplementation.createDocument("","",null)
xmlhttp: var req = new XMLHttpRequest()
5.innerText就在mozilla不支持了，需要用些range的技巧来取得它的text
6.insertAdjacentHTML是个比较好用的方法，mozilla可以用DOM的方法insertBefore来兼容
7.更细微的，如Array,Date的一些方法ie和mozilla也会有一些微小的区别，具体不提到了。。。
写了两个例子:
1. 对于通过ID取对象
function getObjectById(id)
{
if (typeof(id) != "string" || id == "") return null;
if (document.all) return document.all(id);
if (document.getElementById) return document.getElementById(id);
try {return eval(id);} catch(e){ return null;}
}
2. 对事件附加处理函数
if(document.attachEvent)
window.attachEvent("onresize", function(){reinsert();});
else
window.addEventListener('resize', function(){reinsert();}, false);
注意在IE里是 onclick 而在firefox NS 里则是 click
用脚本提交
document.formName.action = "...";
document.formName.submit();
好像在mozilla下不能用
处理XML的方法
复制代码 代码如下:
var FCKXml = function()
{}
FCKXml.prototype.GetHttpRequest = function()
{
if ( window.XMLHttpRequest )// Gecko
return new XMLHttpRequest() ;
else if ( window.ActiveXObject )// IE
return new ActiveXObject("MsXml2.XmlHttp") ;
}
FCKXml.prototype.LoadUrl = function( urlToCall, asyncFunctionPointer )
{
var oFCKXml = this ;
var bAsync = ( typeof(asyncFunctionPointer) == 'function' ) ;
var oXmlHttp = this.GetHttpRequest() ;
oXmlHttp.open( "GET", urlToCall, bAsync ) ;
if ( bAsync )
{
oXmlHttp.onreadystatechange = function()
{
if ( oXmlHttp.readyState == 4 )
{
oFCKXml.DOMDocument = oXmlHttp.responseXML ;
asyncFunctionPointer( oFCKXml ) ;
}
}
}
oXmlHttp.send( null ) ;
if ( ! bAsync && oXmlHttp.status && oXmlHttp.status == 200 )
this.DOMDocument = oXmlHttp.responseXML ;
else
throw( 'Error loading "' + urlToCall + '"' ) ;
}
FCKXml.prototype.SelectNodes = function( xpath, contextNode )
{
if ( document.all )// IE
{
if ( contextNode )
return contextNode.selectNodes( xpath ) ;
else
return this.DOMDocument.selectNodes( xpath ) ;
}
else// Gecko
{
var aNodeArray = new Array();
var xPathResult = this.DOMDocument.evaluate( xpath, contextNode ? contextNode : this.DOMDocument,
this.DOMDocument.createNSResolver(this.DOMDocument.documentElement), XPathResult.ORDERED_NODE_ITERATOR_TYPE, null) ;
if ( xPathResult )
{
var oNode = xPathResult.iterateNext() ;
while( oNode )
{
aNodeArray[aNodeArray.length] = oNode ;
oNode = xPathResult.iterateNext();
}
}
return aNodeArray ;
}
}
FCKXml.prototype.SelectSingleNode = function( xpath, contextNode )
{
if ( document.all )// IE
{
if ( contextNode )
return contextNode.selectSingleNode( xpath ) ;
else
return this.DOMDocument.selectSingleNode( xpath ) ;
}
else// Gecko
{
var xPathResult = this.DOMDocument.evaluate( xpath, contextNode ? contextNode : this.DOMDocument,
this.DOMDocument.createNSResolver(this.DOMDocument.documentElement), 9, null);
if ( xPathResult && xPathResult.singleNodeValue )
return xPathResult.singleNodeValue ;
else
return null ;
}
}
评论 (0) All
