html 怎么引入js
时间: 2024-02-23 11:29:35 浏览: 24
要在HTML中引入JavaScript文件,可以使用`<script>`标签。可以在HTML文件中添加以下代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>My Web Page</title>
</head>
<body>
<h1>Welcome to my web page!</h1>
<script src="path/to/your/script.js"></script>
</body>
</html>
```
在上面的代码中,`<script>`标签用于引入JavaScript文件。其中`src`属性指定了JavaScript文件的路径。在这个例子中,我们把JavaScript文件放在与HTML文件相同的目录下,所以只需要在`src`属性中写上文件名即可。如果你的JavaScript文件不在同一目录下,需要在`src`属性中写上相对路径或绝对路径。
相关问题
html引入js文件
在HTML中引入JS文件可以通过使用`<script>`标签来实现。你可以将JS代码保存在一个后缀名为.js的文件中,然后使用`<script>`标签的`src`属性来指定要引入的JS文件的路径。例如,如果你的JS文件名为`test.js`,你可以在HTML中使用以下代码来引入该文件:
```html
<script type="text/javascript" src="test.js"></script>
```
这样,浏览器在解析HTML时会自动加载并执行`test.js`文件中的JS代码。你可以将这个`<script>`标签放在HTML文件的`<head>`标签内或`<body>`标签中,具体位置取决于你的需求。\[1\] \[2\] \[3\]
#### 引用[.reference_title]
- *1* *2* [❗HTML引入JavaScript的三种常用方式汇总❗](https://blog.csdn.net/YXXXYX/article/details/120619666)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [html如何引入JavaScript代码](https://blog.csdn.net/asd3331380/article/details/121268957)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
html引入js的方式
HTML引入JS的方式有两种:
1. 使用`<script>`标签
在HTML文档中,通过`<script>`标签引入JS文件,例如:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>引入JS文件</title>
<script src="js/myScript.js"></script>
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
```
其中,`src`属性指定JS文件的路径,该路径可以是相对路径或者绝对路径。
2. 将JS代码嵌入到HTML文档中
在HTML文档中,可以直接将JS代码嵌入到`<script>`标签内,例如:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>嵌入JS代码</title>
<script>
// JS代码
function showMessage() {
alert("Hello World!");
}
</script>
</head>
<body>
<button onclick="showMessage()">点击显示消息</button>
</body>
</html>
```
在这种方式下,JS代码直接写在`<script>`标签内,并且不需要指定`src`属性。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)