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 に追加します。

例:

var my_awesome_script = document.createElement('script');

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

document.head.appendChild(my_awesome_script);

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