IE での Dhtml と firefox_javascript スキルのいくつかの違いの概要-jsチュートリアル-php.cn

IE での Dhtml と firefox_javascript スキルのいくつかの違いの概要

WBOY

リリース： 2016-05-16 18:40:31

オリジナル

1219 人が閲覧しました

1. DOM 上のインターフェイスは基本的に同じですが、テストの結果、メソッドが同じであっても、IE では多少の違いがあるものの、mozilla での DOM の方が標準であることがわかりました。 matter
2. イベントモデルに関しては、この点の違いは比較的大きいです。mozilla の
e.target は ie のevent.srcElement と同等ですが、後者は HTML を返します。要素
の間、e.target はノードを返します。つまり、テキストノードを含むメソッドは次のようになります。
var trg = e.target;
while(trg.nodeType!=1) trg=trg.parentNode;
e.mozilla では ie と同じです。event.keyCode は、e.layerX、e.layerY、e.pageX、e.pageY...http://fason.nease.net/mozilla/dom/event 部分をチェックアウトできます。
イベントは、IE のattachEvent、detatchEvent に対応する addEventListener、removeEventListener を使用して Mozilla にバインドされます。
3. オブジェクトの場合。 IE4 と互換性を持たせたい場合は、document .all を追加して、
form 要素の参照をより標準にする必要があることを決定します。 var oInput = document.formName.elements["input1" ]
4. XML のアプリケーションの違いはさらに大きく、XML は IE での activex を通じて作成され、mozilla にはこれらのオブジェクトが既に存在します (dom2 サポートが必要です)。
Xmldomdocument: var doc = document.inplementation.createDocument( "","",null)
xmlhttp: var req = new XMLHttpRequest()
5 .innerText は Mozilla ではサポートされていません。そのテキストを取得するには、いくつかの範囲テクニックを使用する必要があります。
6 Mozilla は互換性を保つために DOM メソッド insertBefore を使用できます。
7. Array や Date の一部のメソッドなど、ie と mozilla の間には若干の違いがあります。詳しく言及される。。。
2 つの例を記述します。
1. ID によってオブジェクトを取得する場合
function getObjectById(id)
{
if (typeof(id) != "string" || id == "" ) null を返します。
if (document.all) return document.all(id);
if (document.getElementById) return document.getElementById(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 では onclick であることに注意してください。 click
Submit with script
document.formName.action = "...";
document.formName.submit();
XML を処理するメソッドは使用できないようですmozilla の下

コードをコピーします

コードは次のとおりです。 var FCKXml = function() {}

FCKXml.prototype.GetHttpRequest = function()

{ 
if ( window.XMLHttpRequest )// Gecko 
return new XMLHttpRequest() 
else if ( window.ActiveXObject ) )// IE 
return new ActiveXObject("MsXml2. 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 == 200 ) 
this.DOMDocument = oXmlHttp.responseXML ; 
else 
throw( 'エラー読み込み "' 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.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 
} 
} 