JS によるスクリプトの動的挿入と参照された外部リンクスクリプトの挿入を実装する方法-jsチュートリアル-php.cn

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

人気のチュートリアル

詳細>

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

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

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

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