标签:
//写入html输入
document.write("<h1>This is a heading</h1>"); document.write("<p>This is a paragraph</p>");
<!DOCTYPE html> <html> <body>
<h1>
我的第一段 JavaScript
</h1>
<p id="demo"> JavaScript 能改变 HTML 元素的内容。 </p>
<script> function myFunction() { x=document.getElementById("demo"); // 找到元素 x.innerHTML="Hello JavaScript!"; // 改变内容:改变p内容为“Hello JavaScript!” } </script> <button type="button" onclick="myFunction()">点击这里</button> </body> </html>
<p> JavaScript 能够对事件作出反应。比如对按钮的点击: </p> <button type="button" onclick="alert(‘Welcome!‘)">点击这里</button> //弹出“Welcome!”
//改变图像,点亮或关闭灯泡
<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>
//改变样式(如颜色)
标签:
原文地址:http://www.cnblogs.com/baixiaoxin/p/5814822.html