轻松上手,快乐学习!

HTML 与 JavaScript


JavaScript 使 HTML 页面更具动态性和交互性


实例

我的第一个 JavaScript


亲自试一试 »

HTML <script> 标签

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 能力的一些例子:

实例

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> 标签

HTML <noscript> 标签定义了替代内容,这些内容将显示给在浏览器中禁用了脚本或浏览器不支持脚本的用户:

实例

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>
亲自试一试 »

HTML 实验

学习训练

练习题:

使用 JavaScript 将 <p> 元素的 HTML 内容更改为 "Hello World!".

<body>

<p id="demo">Hi.</p>

<script>
document.("demo").innerHTML = "Hello World!";
</script>

</body>

开始练习


HTML Script 标签

标签 描述
<script> 定义客户端脚本。
<noscript> 为不支持客户端脚本的用户定义替代内容。

如需所有可用的 HTML 标签的完整列表,请访问 HTML 标签参考手册