「document.write」コマンドを含む変数 URL を持つ外部スクリプトを動的に組み込む方法

変数 URL を使用して外部スクリプトを動的に組み込む

スクリプト タグを Web ページに動的に追加する場合、src 属性を持つスクリプトを考慮することが重要です。 document.write コマンドが含まれます。これにより、通常の読み込み動作が中断される可能性があります。

問題

通常のシナリオでは、次のコードを使用して「source.js」のスクリプトを組み込むとうまく機能します。

<script type="text/javascript" src="source.js"></script>

ただし、「source.js」には次のような異常なコンテンツが含まれる可能性があります:

document.write('<script type="text/javascript">')
document.write('alert("hello world")')
document.write('</script>')
document.write('<p>goodbye world</p>')

解決策

通常の方法を使用すると、このシナリオを正しく処理できません。代わりに、次の手法を使用して、変数 srcs を使用してスクリプトを動的に追加できます。

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

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

document.head.appendChild(my_awesome_script);

このメソッドは、新しい script 要素を作成し、その src 属性を設定し、それを に追加します。文書の。スクリプトの src に document.write コマンドが含まれている場合でも機能します。

以上が「document.write」コマンドを含む変数 URL を持つ外部スクリプトを動的に組み込む方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。