<script> は HTML のどこに配置する必要がありますか?-htmlチュートリアル-php.cn

スクリプトは HTML 内のどこにでも配置できると思っていましたが、今日リクエストを行ったときにその誤解を修正しました。スクリプトの位置はランダムではありません。

まず、yesとnoの2つのオプションを持つselectタグを実装したいのですが、selectタグは初期化時にデフォルトでnull値を選択する必要があるため、そのときにnull値を削除するメソッドを追加しました。クリック:

$('#checkcash').click(function () { if ($('#checkcash').val() == '0') { $("#checkcash option[value='0']").remove(); } }); $("#alert").click(function(){ alert("1123"); }) 是否已提现 是 否 ログイン後にコピー しかし、これでは期待した効果が得られません。最初はjqueryの構文エラーかと思いました オンラインで確認して修正し続けましたが、うまくいきませんでした。その後、ふと考えました。スクリプトを後ろに置く必要があります。試してみた結果、確かに問題ありませんでしたが、突然そうではないことに気づきました。

後で確認したところ、原因はhtmlファイルがトップダウンで実行されるためでしたが、インポートされたcssと javascript の順序が異なっており、実行と読み込みのためにcssが導入されたときでもプログラムは実行されています。下方向に進み、実行は に達します。スクリプトはスレッドを中断し、スクリプトの実行が完了した後にのみプログラムの実行を継続します。したがって、スクリプトの長時間実行による遅延ブロックを避けるために、スクリプトは通常、本文の後に配置されます。一部のページの効果を実現するには、一部の JS スクリプトを事前に動的に読み込む必要があるため、これらのスクリプトを の前に配置する必要があります。 次に、dom 要素にアクセスする必要がある js を本文の前に配置することはできません。dom がまだ生成されていないため、本文の前に dom 要素にアクセスする js はエラーになるか無効になります。 このため、domが生成される前にメソッドを追加したことがこのようになりました。

本当はもっと勉強するべきだと思うのですが、それについては掘り下げません。これからも頑張ってください！

ps: 実際には、jquery の初期化ページ メソッドを使用して、上記のラベルに追加されたクリック イベント を $(function(){}) に追加する別の方法もあります。原理は同じです。このメソッドはページが読み込まれた後に実行されるため、どこに配置されても使用できます。

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル