HTML基础:脚本 script 标签
在HTML中,<script>
标签用于定义客户端脚本,比如JavaScript。它可以包含脚本语句,也可以通过src
属性指向外部脚本文件。
以下是一些使用<script>
标签的示例:
- 直接在HTML中嵌入JavaScript代码:
<!DOCTYPE html>
<html>
<body>
<h2>我的第一个 JavaScript 程序</h2>
<button type="button" onclick="alert('你好,世界!')">点击我!</button>
<script>
// 在这里编写你的JavaScript代码
document.write(Date());
</script>
</body>
</html>
- 引用外部JavaScript文件:
<!DOCTYPE html>
<html>
<body>
<h2>我的第一个 JavaScript 程序</h2>
<button type="button" onclick="displayDate()">点击我!</button>
<script src="script.js"></script>
</body>
</html>
在这里,script.js
是一个包含JavaScript代码的外部文件。
- 使用
<script>
标签的type
属性指定MIME类型:
<script type="text/javascript">
// 你的JavaScript代码
</script>
- 使用
<script>
标签的charset
属性指定字符编码:
<script type="text/javascript" charset="UTF-8">
// 你的JavaScript代码
</script>
- 使用
<script>
标签的async
或defer
属性控制脚本的加载和执行:
<!-- 异步加载,加载过程中不影响页面其他操作 -->
<script async src="script.js"></script>
<!-- 延迟执行,在页面完成解析后执行 -->
<script defer src="script.js"></script>
- 使用
<noscript>
标签为不支持脚本或禁用脚本的用户提供替代内容:
<script>
document.write("JavaScript is enabled!");
</script>
<noscript>
对不起,你的浏览器不支持JavaScript!
</noscript>
以上代码展示了如何在HTML中使用<script>
标签,并提供了几个实用的例子。
评论已关闭