1. onload イベント
onload 🎜>
IE6/7:
IE8/9 :
オペラ:
つまり、IE6/7/8/9/Opera はすべて onload イベントをサポートしていますが、Firefox/Safari/Chrome はサポートしていません。
注: JSを使用してリンクタグを作成し、headに追加します。 状況は上記のとおりです。 2, onreadystatechange イベント
コードをコピー
コードは次のとおりです。 < !DOCTYPE HTML> onreadystatechange >< link type="text/css" rel="stylesheet" href="http://i3.sinaimg.cn/rny/webface/login/css/login101021_min.css" onreadystatechange="alert(this)"/ >
IE6/7 の 2 つのポップアップ/8/9 今回は他のブラウザでは再生できませんでした。 IE のみが link 要素の onreadystatechange イベントをサポートしていることに注意してください。これは 2 回ポップアップ表示されます。readyState は読み込み中と完了状態です。 ReadyState を使用して読み込みステータスを確認できます。 JS を使用してリンク要素を動的に作成してみましょう。
コードをコピーします
コードは次のとおりです:
if(attrs.hasOwnProperty(attr)){
el.setAttribute(attr, attrs[attr]); 🎜>return el;
}
var link = createEl('link', {
href : 'http://i3.sinaimg.cn/rny/webface/login/css/login101021_min.css' ,
rel : 'stylesheet',
type : 'text/css'
});
link.onreadystatechange = function(){
alert(this)
}
ドキュメント.getElementsByTagName('head')[0].appendChild(リンク);
>IE6/ 7/8/9 にも 2 回ポップアップが表示されました。 Firefox/Safari/Chrome はまだ動作しません。すべてが正常に見えますが、驚くべきことに、今回は Opera でポップアップ表示され、リンク要素を動的に作成するときに Opera が onreadystatechange イベントをサポートしていることを示します。
関連:
https://developer.mozilla.org/en/HTML/Element/link
http://msdn.microsoft.com/en-us/library/ms535848( v=VS.85).aspx
http://www.w3.org/TR/2000/WD-DOM-Level-1-20000929/level-one-html.html#ID -35143001