ブラウザのセキュリティ対策にもかかわらず、Web ページにスクリプト タグを追加するにはどうすればよいですか?

Web ページへのスクリプト タグの組み込み: スクリプト インジェクションのナビゲート

Web 開発の領域では、Web ページにスクリプト タグを追加する必要に遭遇します。 Web ドキュメントは珍しいことではありません。ただし、この一見簡単なタスクは、DOM からそのような要素を削除するブラウザーのセキュリティ対策によって妨げられる可能性があります。この障害を回避するために、スクリプト タグをドキュメントに正常に挿入するための信頼できるアプローチを検討してみましょう。

appendChild() を使用してスクリプト タグを追加する

スクリプト タグを追加するための 1 つの方法これは、Document オブジェクトの appendChild() 関数を使用します。この方法を利用すると、スクリプト要素を手動で作成し、それにコンテンツを割り当てて、ドキュメント内の目的の場所に追加できます。構文は次のとおりです:

var script = document.createElement("script");
script.innerHTML = "..."; // Replace the "..." with your script content
document.head.appendChild(script); // or document.body.appendChild(script)

注: 要件に応じて、スクリプト要素をドキュメントの先頭または本文に追加できます。

スクリプトの追加に jQuery を利用する

人気の JavaScript ライブラリである jQuery は、ネイティブの appendChild() メソッドの便利な代替手段を提供します。 append() 関数を使用すると、スクリプト タグの追加が簡単になります。

$('<script />').appendTo('head').text('...'); // or appendTo('body')

その他の考慮事項

innerHTML を使用して script 要素に割り当てられたコンテンツは解釈されることに注意してください。平文として。スクリプトで変数置換やより複雑なコンテンツが必要な場合は、JavaScript テキスト エディターを使用して外部スクリプト ファイルを作成し、それを script 要素の src 属性を使用して追加することを検討してください。

以上がブラウザのセキュリティ対策にもかかわらず、Web ページにスクリプト タグを追加するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。