差分
このページの2つのバージョン間の差分を表示します。
javascript内から外部javascriptを読み込む方法 [2021/11/26 09:10] – 作成 133.11.144.12 | javascript内から外部javascriptを読み込む方法 [Unknown date] (現在) – 削除 - 外部編集 (Unknown date) 127.0.0.1 | ||
---|---|---|---|
行 1: | 行 1: | ||
- | ====== Javascriptから外部Javascriptを読み込む方法 ====== | ||
- | |||
- | 処理の流れとしては、まずDOMのcreateElement()メソッドでSCRIPT要素を生成し、読み込みたいファイルを指定。 | ||
- | |||
- | あとは生成された要素をappendChilde()メソッドを使ってBODY要素の最後に追加 | ||
- | |||
- | ===== 実際のコード ===== | ||
- | |||
- | // SCRIPTタグの生成 | ||
- | var el = document.createElement(" | ||
- | |||
- | // SCRIPTタグのSRC属性に読み込みたいファイルを指定 | ||
- | el.src = " | ||
- | |||
- | // BODY要素の最後に追加 | ||
- | document.body.appendChild(el); | ||
- | |||
- | 関数にすると | ||
- | |||
- | function appendScript(URL) { | ||
- | var el = document.createElement(' | ||
- | el.src = URL; | ||
- | document.body.appendChild(el); | ||
- | }; | ||
- | |||
- | こんな感じ。呼び出す時は | ||
- | |||
- | appendScript(" | ||
- | |||
- | で良い。 | ||
- | |||
- | ===== 参考にしたサイト ===== | ||
- | |||
- | [[https:// | ||