avaScript使HTML页面更具动态性和交互性。
HTML 标记<script>
用于定义客户端脚本 (JavaScript)。该元素要么包含脚本语句<script>
,要么指向通过属性src
的外部脚本文件。JavaScript的常见用途是图像处理、表单验证和内容的动态变化。
要选择一个HTML元素,JavaScript最常使用该方法。document.getElementById()
。下面这个 JavaScript 示例将 “Hello JavaScript!” 写入 id=“demo” 的 HTML 元素中:
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
![](https://img.haomeiwen.com/i21922576/b059a2ce2001b3ca.png)
![](https://img.haomeiwen.com/i21922576/7eddc413404c98eb.png)
JavaScript 可以改变样式:
document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";
![](https://img.haomeiwen.com/i21922576/ff3547a035d4bac8.png)
JavaScript 可以更改属性:
document.getElementById("image").src = "picture.gif";
![](https://img.haomeiwen.com/i21922576/d3e8ef3e98848389.png)
HTML 标记<noscript>
定义备用内容,向用户显示在浏览器中禁用了脚本或浏览器不支持脚本:
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>
![](https://img.haomeiwen.com/i21922576/3cb73a754bed7690.png)
![](https://img.haomeiwen.com/i21922576/9ba489e6ffe9f96f.png)