IE と Firefox の間の JavaScript の非互換性の問題に対する解決策の概要

IE と Firefox の間の JavaScript の非互換性の問題に対する解決策の概要_javascript スキル

WBOY

リリース： 2016-05-16 18:29:36

オリジナル

1175 人が閲覧しました

1.firefox の externalHTML を互換し、FF には outerHtml を持たないメソッド。 🎜>
if (window.HTMLElement) {

HTMLElement.prototype.__defineSetter__("outerHTML",function(sHTML) { var r=this.ownerDocument.createRange(); r.setStartBefore(this); var df=r.createContextualFragment(sHTML); return sHTML; HTMLElement.prototype.__defineGetter__("outerHTML",function() { var attr;

var attrs=this.attributes;

var str="<" this.tagName.toLowerCase() ; 
for (var i=0;iattr=attrs[i]; 
if(attr.specified) 
str =" " attr.name ' ="' attr.value '"'; 
if(!this.canHaveChildren) 
return str ">"; " this.tagName.toLowerCase() ">"; 
}); 
HTMLElement.prototype.__defineGetter__("canHaveChildren",function() { 
switch(this.tagName.toLowerCase()) { 
case "エリア": 
case "base": 
 case "basefont": 
case "col": 
case "frame": 
case "hr": 
case "img": 
case "br": 
case " input": 
case "isindex": 
case "link": 
case "meta": 
case "param": 
return false; 
} 
return true ; 
}); 
} 

 

2.集合类对象问题
 
说明:IE下、可使用()または[]获取集合类对象;Firefox下、只能[]获取集合类对オブジェクトを使用します。 
解法: 统一使用[]获取集合类对オブジェクト。 

3.独自のプロパティ问题
 
説明:IE では、定期的にプロパティを取得する方法を使用して、独自のプロパティを取得できます。また、getAttribute() を使用して、独自のプロパティを取得することもできます。Firefox では、 getAttribute() を使用して独自に定義されたプロパティのみを使用できます。 
解決方法:getAttribute() から定義されたプロパティを取得します。 


4.eval("idName")问题

说明:IE下、、eval("idName")またはgetElementById("idName")を使用してidをidNameに取得の HTML オブジェクト;Firefox では getElementById("idName") を使用して id の idName の HTML オブジェクトを取得できます。 解決方法:getElementById("idName") を使用して idName の HTML オブジェクトを取得します。
5. 量名と特定の HTML オブジェクト ID が同じであること

説明:IE では、HTML オブジェクトの ID はドキュメントの下位オブジェクトとして直接使用できます。Firefox では使用できません。の解決方法:document.idName の代わりに document.getElementById("idName") を使用します。HTML オブジェクト ID と同じ変数名を使用する必要はありません。警告を最小限に抑え、リスクを回避するために、リスクを回避するために、変数を追加します。
6.const问题

说説明:Firefox では、const关键字または var关键字来定常量を使用できます。IE では、var关键字来定常量を使用できます。
解決方法: var关键字来定义常量。 7.input.type プロパティ问题

说説明:IE下input.typeプロパティは只读;ただし、Firefox下input.typeプロパティは读写。
8.window.event问题
说明:window.event だけは IE の下で実行できますが、Firefox の下では実行できません。これは Firefox のイベントのみでイベント発生中の现场です使用します。
解法:
IE:

复制代
代码如下:
< ;input name="Button8_1" type="button" value="IE" onclick="javascript:gotoSubmit8_1()"/>
...
を使用します。 IE&Firefox: