1. ホーム
  2. Web制作
  3. HTML/Xhtml

html内のスクリプトの配置について

2022-01-25 16:03:45

今まで、スクリプトはhtmlのどこにでも配置できると考えていましたが、今日、ある要件に取り組んでいて、スクリプトの配置はランダムではない、という間違いを訂正しました。

2択のselectタグを実装したかったのですが、初期化時にデフォルトでnull値を選択するように要求されたので、null値をクリックしたら削除するようにメソッドを追加してあげたら、「selectタグはnull値を選択するものです」と言われました。

XML/HTMLコード 内容をクリップボードにコピーする
  1. <スパン <スパン >
  2. <スパン <スパン <

    html >
  3. <スパン <スパン <

    ヘッド >
  4. <スパン <スパン <

    スクリプト src = "jquery/jquery-1.11.1.min.js"。 > < スクリプト >
  5. <スパン <スパン <

    ヘッド >
  6. <スパン <スパン <

    スクリプト >
  7. $('#checkcash').click(function () {)   
  8.         if ($('#checkcash').val() == '0') {.   
  9.             $("#checkcash オプション[) = <スパン '0' ]").remove()を実行します。  
  10.         }   
  11.     });   
  12.     $("#alert").click(function(){)   
  13.     アラート("1123")。  
  14.     })   
  15. <スパン <

    スクリプト >
  16. <スパン <スパン <

    本体 >
  17. <スパン  撤退の有無  <

    セレクト イド = <スパン "checkcash"。
    スタイル = "幅: 181px" > <スパン
  18. <スパン <スパン <

    オプション 選択された = <スパン "selected"。 = "0"。 > <スパン < オプション >
  19. <スパン <スパン <

    オプション = "1"。 > <

    オプション >
  20. <スパン <スパン <

    オプション = "2"。 > いいえ <

    オプション >
  21. <スパン <スパン <

    セレクト >
  22. <スパン
  23. <スパン <スパン <

    入力 タイプ = 'ボタン' イド = 'アラート' = <スパン "anwo"。 > <スパン
  24. <スパン <スパン <

    本体 >
  25. <スパン
  26. <スパン
  27. <スパン <スパン < html >

But this does not achieve the desired effect, at first I thought it was jquery syntax error also has been on the Internet to check, change, but it does not work, then suddenly thought of whether the script should be put into the back, try, the results really OK, it was suddenly realized that it is not so.

The reason for this is that html files are executed top-down, but the order of the css and javascript introduced is different. When css is introduced and loaded, the program is still executed downward, and the execution of the