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 は

• Bootstrap リスト グループ コンポーネントの詳細な分析
• JavaScript関数のカリー化の詳細説明
• JS パスワードの生成と強度検出の完全な例 (デモ ソース コードのダウンロード付き)
• Angularjs は WeChat UI (weui) を統合します
• JavaScript を使用して繁体字中国語と簡体字中国語をすばやく切り替える方法と、簡体字中国語と繁体字中国語の切り替えをサポートする Web サイトのトリック_javascript スキル