js引入html
时间: 2023-08-16 12:07:04 浏览: 44
要在 HTML 页面中引入 JavaScript,可以使用以下两种方式之一:
1. 内联脚本:在 HTML 页面中使用 `<script>` 标签,将 JavaScript 代码直接嵌入到 HTML 文件中。
例如:
```
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
</head>
<body>
<h1>Hello World!</h1>
<script>
alert('Hello World!');
</script>
</body>
</html>
```
2. 外部脚本:将 JavaScript 代码保存在一个单独的 .js 文件中,然后在 HTML 页面中使用 `<script>` 标签引用该文件。
例如:
在 `myScript.js` 文件中写入以下代码:
```
alert('Hello World!');
```
在 HTML 文件中引用 `myScript.js` 文件:
```
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<script src="myScript.js"></script>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
```
这样,当页面加载时,会自动执行 `myScript.js` 文件中的代码。
相关问题
如何把javascript引入html
将JavaScript引入HTML有以下几种方法:
1. 内联方式:在HTML文件中直接使用<script>标签将JavaScript代码嵌入到HTML文件中。
2. 外部文件方式:将JavaScript代码保存在一个独立的.js文件中,然后在HTML文件中使用<script>标签引用该文件。
3. 外部库方式:使用第三方JavaScript库,如jQuery、React等,将库文件保存在一个独立的.js文件中,然后在HTML文件中使用<script>标签引用该文件。
html引入javascript文件
在HTML中引入JavaScript文件可以使用`<script>`标签,具体方法如下:
1. 首先,将JavaScript代码保存在一个独立的.js文件中,比如说`example.js`。
2. 在HTML文件中使用`<script>`标签,将`example.js`文件引入到HTML文件中。可以使用以下两种方法:
- 在`<head>`标签中引入JavaScript文件:
```
<head>
<script src="example.js"></script>
</head>
```
- 在`<body>`标签中引入JavaScript文件:
```
<body>
<script src="example.js"></script>
</body>
```
注意:`src`属性中的文件路径应该根据实际情况修改。如果`example.js`与HTML文件在同一目录下,则只需要写文件名即可,否则需要写出文件的完整路径。