[解決済み] 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>
(では許されません(それでもほとんどのブラウザは許容していますが)。
関連
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか?
-
[解決済み] とは何ですか! (not not)演算子とは何ですか?
-
[解決済み] 配列に特定のインデックスで項目を挿入する方法 (JavaScript)
-
[解決済み] JavaScriptで現在のURLを取得する?
-
[解決済み] JavaScriptで現在の日付を取得するには?
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み】JavaScript版sleep()とは?)
-
[解決済み] Reactコンポーネントでthis.setStateを複数回使用するとどうなりますか?
-
[解決済み] JavaScript で css プロパティを使用して HTML 要素の背景色を設定する方法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] HTMLマークアップのどこに<script>タグを記述すればよいですか?
-
[解決済み] JavaScript で範囲を作成する - 奇妙な構文
-
[解決済み] Node.jsでbase64エンコードされた画像をAmazon S3へアップロードする
-
[解決済み] Chart.jsを使ってドーナツチャートの中にテキストを追加するには?
-
[解決済み] CORS OriginヘッダーとCSRFトークンによるCSRF保護
-
[解決済み] AngularJS - ngRepeatフィルタリングされた結果の参照を取得する方法
-
[解決済み] Promise : then vs then + catch [重複].
-
[解決済み] jQueryを使用して、すべてのクリックイベントハンドラを削除するにはどうすればよいですか?
-
[解決済み] JavaScript で css プロパティを使用して HTML 要素の背景色を設定する方法
-
[解決済み] querySelectorAllがない場合、ライブラリを使用せずに属性で要素を取得する?