今回は、JS スクリプトを動的に挿入する方法と、参照される外部リンク スクリプトを挿入する方法を説明します。JS スクリプトを動的に挿入する、および参照される外部リンク スクリプトを挿入するための 注意事項 とは何ですか?実際のケースを見てみましょう。
動的に挿入される js スクリプトとは何ですか?
とは、ページが読み込まれた時点では存在しないが、将来のある時点で DOM を変更することによって動的に追加されるスクリプトを指します。 HTML 要素の操作と同じです。js スクリプトを動的に挿入するには、JavaScript コードを挿入する方法と外部ファイルを挿入する方法の 2 つがあります。
1. JavaScript コードを直接挿入します
<script type="text/javascript">
function sayHi() {
alert("hi");
}
</script>var script = document.createElement("script");
script.type = "text/javascript";
script.appendChild(document.createTextNode("function sayHi() {alert('hi');}"));
document.body.appendChild(script);
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
