码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript_2016_8_28

时间:2016-08-28 13:55:31      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:

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

 

//改变样式(如颜色)

 

JavaScript_2016_8_28

标签:

原文地址:http://www.cnblogs.com/baixiaoxin/p/5814822.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!