插件窝 干货文章 js 如何加载js文件

js 如何加载js文件

script 加载 方法 使用 367    来源:    2024-10-19
javascript 中加载 js 文件的两种主要方法:使用 标签使用 document.createelement() 方法

如何在 JavaScript 中加载 JS 文件

在 JavaScript 中加载外部 JS 文件有两种主要方法:

1. 使用 <script> 标签:</script>

  • 在 或 标签中添加 <script> 标签。</script>
  • 将 src 属性设置为要加载的 JS 文件的 URL。
<script src="myScript.js"></script>

2. 使用 document.createElement() 方法:

  • 创建一个新的 <script> 元素。</script>
  • 设置元素的 src 属性。
  • 将元素追加到 head 或 body 元素中。
const script = document.createElement('script');
script.src = 'myScript.js';
document.head.appendChild(script);

两种方法都可以加载外部 JS 文件。但是,使用 <script> 标签更简单快捷,而使用 document.createElement() 方法提供了更多的灵活性,例如允许<a style='color:#f60; text-decoration:underline;' href="https://www.php.cn/zt/37139.html" target="_blank">延迟加载或动态创建脚本。</script>