<!DOCTYPE html>
<html>
<body>
<h1>我的第一段 JavaScript</h1>
<button type="button"
onclick="document.getElementById("demo").innerHTML = Date()">
点击我来显示日期和时间
</button>
<p id="demo"></p>
</body>
</html>
HTML <script>
标签用于定义客户端脚本(JavaScript)。
<script>
元素即可包含脚本语句,也可通过 src
属性指向外部脚本文件。
JavaScript 的常见用途是图像处理、表单验证和内容的动态更改。
如需选取 HTML 元素,JavaScript 最常用 document.getElementById()
方法。
这个 JavaScript 示例向 id="demo" 的 HTML 元素内写入 "Hello JavaScript!":
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
提示:您可在我们的 JavaScript教程 中学习更多 JavaScript 知识。
以下是展示 JavaScript 能力的一些例子:
JavaScript 能够更改内容:
document.getElementById("demo").innerHTML = "Hello JavaScript!";
JavaScript 能够更改样式:
document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";
JavaScript 能够更改属性:
document.getElementById("image").src = "picture.gif";
HTML <noscript>
标签定义了替代内容,这些内容将显示给在浏览器中禁用了脚本或浏览器不支持脚本的用户:
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>抱歉,您的浏览器不支持 JavaScript!</noscript>
标签 | 描述 |
---|---|
<script> |
定义客户端脚本。 |
<noscript> |
为不支持客户端脚本的用户定义替代内容。 |
如需所有可用的 HTML 标签的完整列表,请访问我们的 HTML标签手册。
内联样式内联样式是使用style属性添加到元素的样式。!DOCTYPE HTMLhtmlbody a href="https://www..cn"style="background-color:g...
CSS 注释注释用于解释您的代码,它们被浏览器忽略。CSS注释以“”结尾,例如:p{ color:red; text-align:center;}例子以下代码在...
CSS Outlines 轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。 轮廓(outline)属性指定...