On this page

HTML 脚本

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


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 可以改变内容:

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>