1、JavaScript：写入 HTML 输出<!DOCTYPE html><html><body><p>JavaScript 能够直接写入 HTML 输出流中：</p><script>document.write("<h1>This is a heading</h1>");document.write("<p>This is a paragraph.</p>");</script><p>您只能在 HTML 输出流中使用 <strong>document.write</strong>。如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。</p></body></html>
2、JavaScript：对事件作出反应<!DOCTYPE html><html><body><h1>我的第一段 JavaScript</h1><p>JavaScript 能够对事件作出反应。比如对按钮的点击：</p><button type="button" onclick="alert('Welcome!')">点击这里</button></body></html>
3、JavaScript：改变 HTML 内容<!DOCTYPE html><html><body><h1>我的第一段 JavaScript</h1><p id="demo">JavaScript 能改变 HTML 元素的内容。</p><script>function myFunction(){x=document.getElementById("demo"); // 找到元素x.innerHTML="Hello JavaScript!"; // 改变内容}</script><button type="button" onclick="myFunction()">点击这里</button></body></html>
4、JavaScript：改变 HTML 图像<!DOCTYPE html><html><body><script>function changeImage(){element=document.getElementById('myimage')if (element.src.match("bulbon")) { element.src="/i/eg_bulboff.gif"; }else { element.src="/i/eg_bulbon.gif"; }}</script><img id="myimage" onclick="changeImage()" src="/i/eg_bulboff.gif"><p>点击灯泡来点亮或熄灭这盏灯</p></body></html>
5、JavaScript：改变 HTML 样式<!DOCTYPE html><html><body><h1>我的第一段 JavaScript</h1><p id="demo">JavaScript 能改变 HTML 元素的样式。</p><script>function myFunction(){x=document.getElementById("demo") // 找到元素x.style.color="#ff0000"; // 改变样式}</script><button type="button" onclick="myFunction()">点击这里</button></body></html>
6、JavaScript：验证输入<!DOCTYPE html><html><body><h1>我的第一段 JavaScript</h1><p>请输入数字。如果输入值不是数字，浏览器会弹出提示框。</p><input id="demo" type="text"><script>function myFunction(){var x=document.getElementById("demo").value;if(x==""||isNaN(x)) { alert("Not Numeric"); }}</script><button type="button" onclick="myFunction()">点击这里</button></body></html>
