JavaScript を使用して HTML ドキュメントにスクリプト タグを挿入するにはどうすればよいですか?

JavaScript で HTML ドキュメントにスクリプト タグを挿入する

スクリプト タグを HTML ドキュメントに動的に追加するには、appendChild() メソッドを利用できます。またはjQueryのappend()。ただし、スクリプト タグを直接追加すると、コンテンツが削除される可能性があります。

document.createElement() を使用する

この問題を解決するには、スクリプト タグを作成します。 document.createElement() を使用してから、script.innerHTML を使用して HTML コンテンツを手動で設定します。最後に、スクリプト要素をドキュメントの先頭または本文に追加します:

// Create the element

var script = document.createElement("script");

// Add script content

script.innerHTML = "...";

// Append

document.head.appendChild(script);

または、本文に追加することもできます:

document.body.appendChild(script);

jQuery を使用

jQuery を使用している場合は、append() メソッドを使用して script 要素を追加できます。

// Create the element

var script = $("<script>").html("...");

// Append

$("head").append(script);

このメソッドは、script タグを自動的に作成し、コンテンツを処理することでプロセスを簡素化します。挿入。

以上がJavaScript を使用して HTML ドキュメントにスクリプト タグを挿入するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。