ホームページ > 記事 > ウェブフロントエンド > JS によるスクリプトの動的挿入と参照された外部リンク スクリプトの挿入を実装する方法
今回は、JS スクリプトを動的に挿入する方法と、参照される外部リンク スクリプトを挿入する方法を説明します。JS スクリプトを動的に挿入する、および参照される外部リンク スクリプトを挿入するための 注意事項 とは何ですか?実際のケースを見てみましょう。
動的に挿入される js スクリプトとは何ですか?
とは、ページが読み込まれた時点では存在しないが、将来のある時点で DOM を変更することによって動的に追加されるスクリプトを指します。 HTML 要素の操作と同じです。js スクリプトを動的に挿入するには、JavaScript コードを挿入する方法と外部ファイルを挿入する方法の 2 つがあります。
1. JavaScript コードを直接挿入します
<script type="text/javascript"> function sayHi() { alert("hi"); } </script>論理的には、次の DOM コードが有効です:
var script = document.createElement("script"); script.type = "text/javascript"; script.appendChild(document.createTextNode("function sayHi() {alert('hi');}")); document.body.appendChild(script);Firefox、Safari、Chrome、Opera では、これらの DOM コードは正常に実行できます。ただし、IEではエラーが発生します。 IE は