服务时间:8:30-18:00

首页 >web前端网

html怎么引入js

发布时间:2023-10-09 16:41 字数:727字 阅读:122

html怎么引入js?在HTML中,可以通过以下几种方式来引入JavaScript(JS)代码:

html怎么引入js

1. 使用内联脚本:直接在HTML标签中使用`<script>`标签,并将JS代码写在标签内部。例如:

<body>
  <script>
    // 这里是你的JavaScript代码
    alert("Hello, World!");
  </script>
</body>

2. 使用外部脚本文件:将JS代码保存在一个独立的.js文件中,然后使用`<script>`标签中的`src`属性引入外部脚本文件。例如:

首先创建一个名为`http://www.ux20.com/news/script.js`的外部JS文件,其中包含以下代码:

// http://www.ux20.com/news/script.js
alert("Hello, World!");

然后在HTML中使用`<script>`标签引入该外部脚本文件:

<body>
  <script src="http://www.ux20.com/news/script.js"></script>
</body>

3. 使用模块化方式:如果你在使用模块化开发(如ES6的模块化),可以使用`<script type="module">`标签,并使用`src`属性引入JS模块文件。例如:

首先创建一个名为`http://www.ux20.com/news/module.js`的JS模块文件,其中包含以下代码:

// http://www.ux20.com/news/module.js
export function sayHello() {
  alert("Hello, World!");
}

然后在HTML中使用`<script type="module">`标签引入该JS模块文件:

<body>
  <script type="module" src="http://www.ux20.com/news/module.js"></script>
</body>

以上是HTML中引入JS的常用方法,请根据你的实际需求选择适合的方式来引入JavaScript代码。