在 javascript 中引用 javascript 的方法有：直接引用：在 html 文件中使用 标签引用外部脚本。外部脚本：javascript 脚本存储在外部文件中，通过 标签引用。行内脚本：将 javascript 代码直接嵌入 html 文件的 标签中。模块系统：现代 javascript 支持模块系统，如 commonjs 和 es 模块，用于组织和复用代码。
如何在 JavaScript 中引用 JavaScript
直接引用
最简单的方法是在 HTML 文件的
或 标签中添加 <script> 标签：<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><script type="text/javascript" src="myScript.js"></script><p><strong>外部脚本</strong></p> <p>如果 JavaScript 脚本位于外部文件（如 "myScript.js"）中，可以使用上述方法引用该脚本。</p> <p><strong>行内脚本</strong></p> <p>也可以使用 <script> 标签内嵌 JavaScript 代码，如下所示：</script></p> <pre class="brush:php;toolbar:false"><script type="text/javascript"> // JavaScript 代码 </script></pre><div class="contentsignin">登录后复制</div></div> <p><strong>模块系统</strong></p> <p>在现代 JavaScript 中，模块系统可用于组织和复用代码。有两种流行的模块系统：CommonJS 和 ES 模块。</p> <ul> <li> <p><strong>CommonJS</strong>：使用 require() 和 module.exports 来导出和导入模块，如下所示：</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">// 模块 myModule.js module.exports = function() { ... };
// 使用模块 const myModule = require('./myModule'); myModule(); // 调用函数</pre><div class="contentsignin">登录后复制</div></div> </li> <li> <p><strong>ES 模块</strong>：使用 import 和 export 关键字，如下所示：</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">// 模块 myModule.js export function myFunction() { ... };
// 使用模块 import { myFunction } from './myModule'; myFunction(); // 调用函数</pre><div class="contentsignin">登录后复制</div></div> </li> </ul> <p><strong>注意事项</strong></p> <ul> <li>确保 <script> 标签的 src 属性指向正确的 JavaScript 文件。</script>
