document.write 機能を使用してスクリプトを動的に組み込む方法

document.write 機能を使用したスクリプトの動的組み込み

質問:

変数 src 属性を持つスクリプト タグを Web ページに動的に追加するにはどうすればよいですか、特に src に document.write 関数が含まれている場合?

Background:

通常、HTML ヘッドに特定の src 属性を持つ script タグを追加すると、シームレスに機能します。ただし、src 属性に document.write コードが含まれている場合、問題が発生します。

解決策:

このようなスクリプト タグを動的に追加するには、次の手順を実行できます。

1. document.createElement('script') を使用して新しいスクリプト要素を作成します。
2. スクリプト要素の src 属性を目的の URL/ソースに設定します。
3. スクリプト要素を追加しますappendChild() を使用して document.head に追加します。

例:

<code class="javascript">var my_awesome_script = document.createElement('script');

my_awesome_script.setAttribute('src', 'http://example.com/site.js');

document.head.appendChild(my_awesome_script);</code>

このスクリプト要素は、src に document.write コードが含まれている場合でも、Web ページに動的に追加されます。 .

以上がdocument.write 機能を使用してスクリプトを動的に組み込む方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。