JavaScript
21 Jun 2024

ページの読みこみが終わったあと script は動的に実行できる?(JavaScript)

ページをロードしたあと、動的に作成された script は機能するでしょうか? 現時点(2024.06)で答えはおそらくノーです。

しかし、動かしたい JavaScript がファイルとして存在するなら

const element = document.createElement('script')

element.setAttribute('src', fileURL)
element.setAttribute('type', 'text/javascript')

document.body.appendChild(element)

といった方法でロードできます。body の最後に script を追加して JavaScript を実行させるやり方は覚えておくと便利です。

ファイルがなく script のみがある場合、その script を外部ファイルに書きだすことで成功できるかもしれません。