JavaScript_2016_8_28

//写入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>

//改变样式（如颜色）

时间： 2024-10-16 16:27:31

JavaScript_2016_8_28的相关文章