ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery 対応関数の不正使用分析_jquery
jQuery 対応関数の不正使用分析_jquery
- WBOYオリジナル
- 2016-05-16 18:10:321003ブラウズ
以前に書いたコードを確認してください。このようなコードがたくさんあります。
コードをコピー コードは次のとおりです。
$(function(){
//do something.
});
いくつかの初期化スタイルを記述し、他の DOM 要素にイベント処理を付加することができます。等最初は問題は見つかりませんでしたが、ページがダウンロードの遅い画像を参照したときに問題が発生しました。ページの HTML がダウンロードされてからすべてのリソースがダウンロードされるまでの間に、DOM 要素にバインドされたイベントを実行できなくなりました。スクリプトによってバインドされた無効なスタイル、つまりreadyが実行されるかどうかなど。 //do something.
});
わかりました、私の状況は非常に特殊です。おそらく、このような状況はほとんどの学生にとってはあり得ないことですが、開発中に、ユーザーがあなたの Web サイトを開いて、たまたまそのような状況になることを考慮する必要があります。ページにたくさんの画像があります。 。 。そうすれば彼は待つことしかできません。 。 。
解決策: 基本に戻る
ready が表示される前は、記述方法は次のようになります:
ドキュメントにスクリプト ブロックを挿入します
コードをコピーします コードは次のとおりです:
hello world ;script type= "text/javascript">
alert(document.getElementById("test1").innerHTML);
このようなコードがここにロードされますブラウザ上で実行されます。ここで DOM 要素 test1 が script ブロックの後にある場合、ここで例外が発生することに注意してください。
ページがロードされるときにこれらのコードを実行するだけで済みます。ページのすべてのリソースをロードする必要はないので、ここに座って「遅い」を待つ必要はありません。 " 準備ができて。 alert(document.getElementById("test1").innerHTML);
このようなコードがここにロードされますブラウザ上で実行されます。ここで DOM 要素 test1 が script ブロックの後にある場合、ここで例外が発生することに注意してください。
よく考えて、HTML 構造を整理してください。
ページ上のあらゆる場所にスクリプト ブロックがあるのは良くなく、読みにくくなります。したがって、それらを整理して、文書の終わり。
コードをコピー コードは次のとおりです。 head>
//ここにタイトル、メタ、リンクなどの装飾的なものを入れてみましょう。