ホームページ  >  記事  >  ウェブフロントエンド  >  JS によるスクリプトの動的挿入と参照された外部リンク スクリプトの挿入を実装する方法

JS によるスクリプトの動的挿入と参照された外部リンク スクリプトの挿入を実装する方法

php中世界最好的语言
php中世界最好的语言オリジナル
2018-05-28 14:15:462317ブラウズ

今回は、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 は