HTML script标签用于指定客户端脚本,例如 JavaScript。它有助于您在 HTML 文档中放置script。
JavaScript 用于图像处理、表单验证和动态内容。
script标签的语法如下:
<script> //code to be executed </script>
| 属性 | 描述 | 兼容性 |
|---|---|---|
| 源文件 | 它指定外部脚本文件的 URL。 | HTML 4.01、HTML5 |
| 类型 | 它指定脚本的媒体类型。 | HTML 4.01 |
| 异步 | 它是一个布尔值,指定脚本异步执行。 | HTML5 |
| 推迟 | 它是一个布尔值,用于指示在解析文档后执行脚本。 | HTML 4.01、HTML5 |
HTML script 标签有两种用法:
嵌入脚本代码
链接脚本文件
脚本标签可以用在 <body> 或 <head> 标签中来嵌入脚本代码。让我们看看在 HTML 正文中包含脚本标记的示例。
<html>
<body>
<script type="text/javascript">
document.write("JavaScript is a simple language for rocschool learners");
</script>
</body>
</html>输出:
JavaScript 是 rocschool 学习者的一种简单语言
让我们看看在 HTML head 标签中包含 script 标签的例子。
<html>
<head>
<script type="text/javascript">
function msg(){
alert("Hello Javatpoint");
}
</script>
</head>
<body>
<p>Welcome to Javascript</p>
<form>
<input type="button" value="click" onclick="msg()"/>
</form>
</body>
</html>script 标签可用于通过 src 属性链接外部脚本文件。它只能在 <head> 标签内使用。
<script type="text/javascript" src="message.js" />
| 元素 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| <script> | Yes | Yes | Yes | Yes | Yes |