//写入html输入
<script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");
</script>
<!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!”
//第二种方法
//document.getElementById("demo").innerHTML="Hello JavaScrotp!";
} </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>
//改变样式(如颜色)
<p id="demo"> JavaScript 能改变 HTML 元素的样式。 </p> <script> function myFunction() { x=document.getElementById("demo") // 找到元素 x.style.color="#ff0000"; // 改变样式 } </script> <button type="button" onclick="myFunction()">点击这里</button>
您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示:
document.write("Hello World!");
<p>点击这里来创建变量,并显示结果。</p> <button onclick="myFunction()">点击这里</button> <p id="demo"></p> <script> function myFunction() { var carname="Volvo"; document.getElementById("demo").innerHTML=carname; } </script>