jQuery 対応関数の不正使用分析_jquery-jsチュートリアル-php.cn

jQuery 対応関数の不正使用分析_jquery

WBOY

リリース： 2016-05-16 18:10:32

オリジナル

981 人が閲覧しました

以前に書いたコードを確認してください。このようなコードがたくさんあります。

コードをコピーコードは次のとおりです。

$(function(){ 
//do something. 
}); 

 

いくつかの初期化スタイルを記述し、他の DOM 要素にイベント処理を付加することができます。等最初は問題は見つかりませんでしたが、ページがダウンロードの遅い画像を参照したときに問題が発生しました。ページの HTML がダウンロードされてからすべてのリソースがダウンロードされるまでの間に、DOM 要素にバインドされたイベントを実行できなくなりました。スクリプトによってバインドされた無効なスタイル、つまりreadyが実行されるかどうかなど。

わかりました、私の状況は非常に特殊です。おそらく、このような状況はほとんどの学生にとってはあり得ないことですが、開発中に、ユーザーがあなたの Web サイトを開いて、たまたまそのような状況になることを考慮する必要があります。ページにたくさんの画像があります。。。そうすれば彼は待つことしかできません。。。

解決策: 基本に戻る
ready が表示される前は、記述方法は次のようになります:

ドキュメントにスクリプトブロックを挿入します

コードをコピーしますコードは次のとおりです:

hello world ;script type= "text/javascript"> 
alert(document.getElementById("test1").innerHTML); 

 
このようなコードがここにロードされますブラウザ上で実行されます。ここで DOM 要素 test1 が script ブロックの後にある場合、ここで例外が発生することに注意してください。 

ページがロードされるときにこれらのコードを実行するだけで済みます。ページのすべてのリソースをロードする必要はないので、ここに座って「遅い」を待つ必要はありません。 " 準備ができて。

よく考えて、HTML 構造を整理してください。
ページ上のあらゆる場所にスクリプトブロックがあるのは良くなく、読みにくくなります。したがって、それらを整理して、文書の終わり。

コードをコピーコードは次のとおりです。 head>

//ここにタイトル、メタ、リンクなどの装飾的なものを入れてみましょう。

著者別の最新記事