码农教程 - 一技在手,衣食无忧! tools

HTML JavaScript

❮ 上一节 下一节 ❯

JavaScript 使 HTML 页面更加动态和交互。

示例

My First JavaScript

亲自试一试 »

HTML <script> 标签

HTML<script>标签用于定义客户端脚本（JavaScript）。

这个<script>元素要么包含脚本语句，要么通过src属性。

JavaScript 的常见用途是图片操作、表单验证和内容的动态更改。

为了选择 HTML 元素，JavaScript 最常使用document.getElementById()方法。

此 JavaScript 示例将 "Hello JavaScript!" 写入 id="demo" 的 HTML 元素中：

示例

<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 更改 HTML 内容<p>元素为"Hello World!"。

<body>

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

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

</body>

开始练习

HTML 脚本标签

Tag Description
<script> Defines a client-side script
<noscript> Defines an alternate content for users that do not support client-side scripts

有关所有可用 HTML 标签的完整列表，请访问我们的HTML 标签参考。


❮ 上一节 下一节 ❯