本文概述
HTML脚本标签用于指定客户端脚本, 例如JavaScript。它可以帮助你在HTML文档中放置脚本。
JavaScript用于图像处理, 表单验证和动态内容。
脚本标签的语法如下:
<script>
//code to be executed
</script>
HTML脚本标签的属性
属性 | 描述 | 兼容性 |
---|---|---|
src | 它指定外部脚本文件的URL。 | HTML 4.01, HTML5 |
type | 它指定脚本的媒体类型。 | HTML 4.01 |
async | 它是一个布尔值, 它指定脚本是异步执行的。 | HTML5 |
defer | 它是一个布尔值, 用于指示在文档解析后执行脚本。 | HTML 4.01, HTML5 |
脚本标签的用法
HTML脚本标记可以有两种用法:
- 嵌入脚本代码
- 链接脚本文件
嵌入脚本代码
可以在<body>或<head>标记内使用script标记来嵌入脚本代码。让我们看一下在HTML主体中具有script标签的示例。
<script type="text/javascript">
document.write("JavaScript is a simple language for srcmini learners")
</script>
立即测试
输出:
JavaScript是srcmini学习者的一种简单语言
让我们看一下在HTML head标签中包含script标签的示例。
<script type="text/javascript">
function msg(){
alert("Hello srcmini");
}
</script>
立即测试
链接脚本文件
script标签可用于通过src属性链接外部脚本文件。它只能在<head>标记内使用。
<script type="text/javascript" src="message.js" />
点击我查看完整示例
支持的浏览器
Element | Chrome | IE | Firefox | Opera | Safari |
<script> | Yes | Yes | Yes | Yes | Yes |