JavaScriptドキュメントオブジェクトモデル-DOM操作技術

動的スクリプト

ページ内の <script> 要素を使用して、JavaScript コードをページに挿入できます。 2 つの方法があります。1 つは src 属性を通じて外部 js ファイルを参照する方法で、もう 1 つはこの要素を使用して js コードの一部を含める方法です。いわゆる動的スクリプトとは、ページが読み込まれるときにスクリプトが存在しないことを意味し、将来の特定の時点で DOM を変更することでスクリプトを動的に追加できます。 HTML 要素の操作と同様に、動的スクリプトを作成するには、外部ファイルを挿入する方法と JavaScript コードを直接挿入する方法の 2 つがあります。 </script>

次のコードのように、動的にロードされた外部 JavaScript コードはすぐに実行できます。

var script = document.createElement("script");
script.type = "text/javascript";
script.src = "demo.js";
document.body.appendChild(script);

上の図の結果からわかるように、上記のコードは 内に

著者別の最新記事

• 独自の PHP フレームワークをゼロから構築するためのビデオ資料
  2023-03-15 16:54:01
• PHPMailer が QQ メールボックスを使用して電子メール送信機能を完了する方法の分析例
  2023-03-15 12:26:02
• PHPでIMAPでメールを受信する方法の紹介
  2023-03-14 18:58:01
• PHP で配列の重複排除を迅速に実装する方法の例
  2023-03-14 11:30:01
• HTML での タグのすべての属性の使用の概要
  1970-01-01 08:00:00
• PHPの基礎知識まとめ（初心者が始めるのに必要）
  2023-03-16 15:20:01
• JavaScript での typeof の使用の概要
  1970-01-01 08:00:00
• JavaScript でのconfirm() メソッドの使用の概要
  1970-01-01 08:00:00
• HTML5 プレースホルダー属性の詳細な紹介
  1970-01-01 08:00:00
• ReactJS のフォームに単一選択、複数選択、逆選択を実装する方法
  1970-01-01 08:00:00

最新の問題

function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";

から 2024-04-29 11:01:01

0

3

2252

Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?

から 2024-04-23 00:22:19

0

11

2389

子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。

から 2024-04-19 15:37:47

0

1

2004

親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');

から 2024-04-18 23:52:34

0

1

1890

CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア

から 2024-04-16 10:10:18

0

0

1956

関連トピック

詳細>

• 配列の長さを取得するjsメソッド
• jsで現在のページを更新する
• jsの丸め
• ノードを削除するjsメソッド
• JavaScript エスケープ文字
• jsで乱数を生成する方法
• JavaScriptを有効にする方法
• JSのSymbolクラスの詳細説明