PHP前端开发

如何引用js

百变鹏仔 4天前 #JavaScript
文章标签 js
javascript 引用外部脚本有两种方法:使用 标签直接引用,适合页面加载时立即执行的脚本。使用 import 语句延迟加载,适合按需加载的脚本。

如何在 JavaScript 中引用外部脚本

在 JavaScript 中引用外部脚本有两种主要方法:

方法 1:使用 <script> 标签</script>

这是最简单的方法。在

标签中包含一个 <script> 标签,并指定要引用的脚本的源文件路径:<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">&lt;head&gt; &lt;script src=&quot;myScript.js&quot;&gt;&lt;/script&gt;&lt;p&gt;&lt;strong&gt;方法 2:使用 import 语句&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;这种方法需要使用 ES6 或更高版本的 JavaScript。在要引用脚本的脚本文件中,使用 import 语句,并指定要引用的模块:&lt;/p&gt;&lt;pre class=&quot;brush:php;toolbar:false&quot;&gt;import myScript from './myScript.js';</pre><div class="contentsignin"></div></div><p><strong>详细说明:</strong></p><p><strong>方法 1:</strong></p><ul><li><script> 标签加载外部脚本,并且在加载完成后立即执行。</script>
  • 脚本文件可以是 .js、.mjs 或 .jsx 扩展名。
  • 可以使用 defer 和 async 属性来控制脚本的执行时机。
  • 方法 2:

    选择方法: