1. ホーム
  2. javascript

[解決済み] HTMLの本文にJavaScriptを埋め込むのはバッドプラクティスですか?

2023-05-09 15:20:26

質問

私が所属するあるチームでは、「abstract」を使用する習慣がつきました。 <script> タグを使う癖がついてしまいました。たとえば

<html>
    <head></head>
    <body>
        <div id="some-div">
            <script type="text/javascript">//some javascript here</script>
        </div>
    </body>
</html>

これは今まで見たことがありませんでした。私がテストしたいくつかのブラウザでは動作するようです。しかし、私の知る限り、このような場所にscriptタグを置くことは有効ではありません。

私が間違っているのでしょうか?このように div タグの中に script タグを置くことは、どのくらい悪いことなのでしょうか?また、ブラウザの互換性に問題があるのでしょうか?

どのように解決するのですか?

全く問題ありません。

マークアップに大きなコードのブロックを混在させたくはないでしょうが(外部スクリプトを使用するのがよい)、役に立つこともあります。

  • プログレッシブ エンハンスメント (そのデータがクラス名や属性に拡張情報を隠す他のアプローチに適合することが困難な場合) のために追加のバインディング情報を追加する。

  • (window-load/document-ready を待つのではなく) スクリプトによる拡張をできるだけ早く開始することが必要な場合。この例として、オートフォーカスが挙げられますが、これは遅すぎるとイライラすることがあります。

あなたは、次のように考えているかもしれません。 <style> 要素を考えているかもしれませんが、これは <body> (では許されません(それでもほとんどのブラウザは許容していますが)。