コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ ウェブフロントエンド jsチュートリアル IEとFirefoxのJavaScript互換性まとめ【おすすめ集】_javascriptスキル

IEとFirefoxのJavaScript互換性まとめ【おすすめ集】_javascriptスキル

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
May 16, 2016 pm 06:00 PM
javascript 互換性

JavaScript の互換性は、Web 開発者にとって長い間大きな問題でした。多くの開発者は、正式な仕様、事実上の標準、実装の違いに苦労しています。このため、IE と Firefox の Javascript の互換性を主に次の側面からまとめます。 > 4. イベント処理;
5. その他の相違点の互換性のある処理。


1. 関数とメソッドの違い

1. get Year() メソッド
【解析の説明】 まず、次のコードを見てください。 >
コードをコピーします

コードは次のとおりです:

var year= new Date().get Year(); document。 write(year); IE で取得される日付は「2010」ですが、Firefox で表示される日付は「110」です。これは主に、Firefox の get Year が「現在の年」の値を返すためです。 1900" 。 [互換処理]
次のように年の判定を追加します。



コードをコピー


コードは次のとおりです。次のように:
var year= new Date().get Year(); year = (year getFull Year getUTCFull Year を通じて呼び出すこともできます:


コードをコピーします

コードは次のとおりです

var year = new Date().getFull Year(); document.write(year); 2. >[解析の説明] IE では、idName の HTML オブジェクトを取得するには eval("idName") または getElementById("idName") を使用できますが、Firefox では getElementById("idName") を使用してのみ取得できます。 ID idName を持つ HTML オブジェクト。 【互換処理】 ididNameのHTMLオブジェクトを取得するには一律getElementById("idName")を使用します。
3. const 文
【解析説明】 const キーワードは IE では使用できません。例:
const constVar = 32;
これは IE の構文エラーです。
【互換処理】constを使用せず、varを使用してください。

4. var
[分析手順] 次のコードを参照してください:




コードをコピーします


コード


echo=function(str){
document.write(str); } この関数は IE 上で正常に動作します。 Firefox ではエラーが報告されました。 [互換処理] echo の前に var を付けるのが通常です。これが var について言及する目的です。
5. const の問題
【解析説明】 IE では const キーワードは使用できません。 const constVar = 32; など。これは IE の構文エラーです。
【解決策】 const を使用せず、代わりに var を使用してください。


2. スタイルへのアクセスと設定

1. CSS の「float」属性
[解析の説明] 指定された CSS 値にアクセスするための Javascript の最も基本的な構文は次のとおりです。 .style.property ですが、一部の CSS プロパティは、「float」、「for」、「class」など、JavaScript の予約語と同じ名前を持ちます。ブラウザが異なれば記述方法も異なります。
IE では次のように記述します:
document.getElementById("header").style.styleFloat = "left";
Firefox では次のように記述します:
document.getElementById("header")。 style.cssFloat = "left";
【互換処理】
if(document.all){ document.getElementById("header") と書く前にブラウザがIEかどうかの判定を追加します。 style.styleFloat = "left";
} document.getElementById("header").style.cssFloat = "left";

2.