HTML基础之脚本
程序员文章站
2024-01-04 18:49:04
...
脚本标签
| 标签 | 描述 |
|---|---|
| script | 定义了客户端脚本 |
| noscript | 定义了不支持脚本浏览器输出的文本 |
注意：
- 如果使用 “src” 属性，则 script 元素必须是空的。
- 假如 script 元素内部的代码没有位于某个函数中，那么这些代码会在页面被加载时被立即执行
代码示例
- example1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>
JavaScript 能够直接写入 HTML 输出流中：
</p>
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是<strong>一个段</strong>落。</p>");
</script>
<p>
您只能在 HTML 输出流中使用 <strong>document.write</strong>。
如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。
</p>
</body>
</html>
- example2
<!DOCTYPE html>
<html>
<body>
<h1>My First JavaScript</h1>
<p id="demo">
JavaScript can react to events. Like the click of a button.
</p>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="Hello JavaScript!";
}
</script>
<button type="button" onclick="myFunction()">Click Me!</button>
</body>
</html>