怎么在HTML中引入js文件
时间: 2024-09-23 15:14:43 浏览: 7
在HTML中引入JavaScript文件通常使用`<script>`标签。以下是两种常见的方法:
1. 内联脚本:直接将JavaScript代码放在`<script>`标签内,通常用在页面不需要延迟加载的情况,示例如下:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Page Title</title>
</head>
<body>
<h1>Hello World!</h1>
<script>
alert('Hello from inline JavaScript!');
</script>
</body>
</html>
```
2. 引入外部JS文件:通常将JavaScript代码保存在一个`.js`文件里,并使用`<script src=...>`引用它,例如:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Page Title</title>
</head>
<body>
<h1 id="greeting">Hello World!</h1>
<!-- 使用src属性引用外部JavaScript文件 -->
<script src="scripts/hello.js"></script>
</body>
</html>
```
在上述例子中,`hello.js` 文件内容可能是:
```javascript
document.getElementById('greeting').innerText = 'Hello from external JavaScript!';
```
这会把`id`为"greeting"的元素文本更改为指定的消息。