「document.write」を含む動的ソースでスクリプトタグを動的に挿入するにはどうすればよいですか?

動的ソースによる動的スクリプト タグの挿入

Web ページにスクリプト タグを動的に追加しようとする場合は、潜在的な問題を考慮することが重要ですdocument.write のインクルードなど、スクリプトのソースを含めます。スクリプト インジェクションの従来の方法は、静的ソースを含むスクリプトにはうまく機能しますが、このような場合には失敗する可能性があります。

document.write を含む可能性のある動的に生成されたソースをスクリプト タグに効果的に挿入するには、別のアプローチが必要です。 。これには、document.createElement('script') を使用して新しいスクリプト要素を作成し、その src 属性を目的のソースに設定し、それを document.head に追加することが含まれます。

たとえば、次のコードは、その方法を示しています。 document.write:

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

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

document.head.appendChild(my_awesome_script);

を含むソースを使用してスクリプト タグを動的に追加します。このメソッドを使用すると、ブラウザーはそれに含まれる document.write 呼び出しを含むスクリプト コードを動的に実行します。これにより、動的ソースを使用してスクリプトを挿入するための信頼性が高く効果的な方法が提供されます。

以上が「document.write」を含む動的ソースでスクリプトタグを動的に挿入するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。