HTML中script的用法
时间: 2023-09-30 08:12:40 浏览: 50
在 HTML 中,`<script>` 标签用于定义客户端脚本,通常指的是 JavaScript。`<script>` 标签可以放置在 HTML 文档的 `<head>` 或 `<body>` 部分中。
以下是常用的 `<script>` 标签用法:
1. 内部脚本: 将 JavaScript 代码写在 `<script>` 标签中,放置在 HTML 文档中。
```
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<script>
function myFunction() {
alert("Hello World!");
}
</script>
</head>
<body>
<button onclick="myFunction()">Click me</button>
</body>
</html>
```
2. 外部脚本: 将 JavaScript 代码写在外部文件中,然后使用 `<script>` 标签将其引用到 HTML 文档中。
```
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<script src="myscript.js"></script>
</head>
<body>
<button onclick="myFunction()">Click me</button>
</body>
</html>
```
其中,`myscript.js` 文件中包含以下代码:
```
function myFunction() {
alert("Hello World!");
}
```
除了引用外部脚本,`<script>` 标签还可以有以下属性:
- `async`: 表示脚本文件可以异步加载,即不会阻塞页面的渲染,但是该脚本文件的执行顺序不保证。
- `defer`: 表示脚本文件可以延迟加载,即在页面加载完毕后再执行,但是该脚本文件的执行顺序也不保证。
- `type`: 表示脚本文件的 MIME 类型,默认为 `text/javascript`。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![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)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)