JavaScriptの安定劣化及び後方互換性、性能考慮
895 ワード
「javascript」を使って、擬似プロトコルの関数を呼び出します.この方法は非常によくないです.
<a href=「javascript:popUp('http://www.baidu.com')'>example
埋め込まれたイベントハンドリング関数:同様に良くないです.
<a href=「〹」onclick=「popUp('http://www.baidu.com');return false;'>example
古典的な安定退化例では、javascriptの無効化を防止しています.ケースが少ないですが、非常に重要な検索ロボットを考慮する必要があります.
<a href=”http://www.baidu.com"onclick="popUp(this.getAttribute);return false;">example
この法律はまだ改善しなければなりません.以下に内容、様式、行為の分離を述べます.
主に安定退化の意味を理解する.
——————————————————————
後方互換性:
オブジェクト検出
性能考慮:
できるだけ少ない訪問DOMとマークをできるだけ減らして、何度もこのようなdocument.getElements ByTagNameを実行しないでください.var links=document.getElements ByTagName(「a」);
スクリプトをマージして、ページ読み込み時に送信される要求の数を減らします.
スクリプトを最適化 圧縮ツール
<a href=「javascript:popUp('http://www.baidu.com')'>example
埋め込まれたイベントハンドリング関数:同様に良くないです.
<a href=「〹」onclick=「popUp('http://www.baidu.com');return false;'>example
古典的な安定退化例では、javascriptの無効化を防止しています.ケースが少ないですが、非常に重要な検索ロボットを考慮する必要があります.
<a href=”http://www.baidu.com"onclick="popUp(this.getAttribute);return false;">example
この法律はまだ改善しなければなりません.以下に内容、様式、行為の分離を述べます.
主に安定退化の意味を理解する.
——————————————————————
後方互換性:
オブジェクト検出
window.onload=function(){
if(!document.getElementsByTagName) return false;
//
}
———————————————————性能考慮:
できるだけ少ない訪問DOMとマークをできるだけ減らして、何度もこのようなdocument.getElements ByTagNameを実行しないでください.var links=document.getElements ByTagName(「a」);
スクリプトをマージして、ページ読み込み時に送信される要求の数を減らします.
スクリプトを最適化 圧縮ツール