首页 > 代码库 > JavaScript_2016_8_28

JavaScript_2016_8_28

2024-08-11 02:30:15   219人阅读

//写入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=http://www.mamicode.com/"/i/eg_bulboff.gif"><p>点击灯泡来点亮或熄灭这盏灯</p>

 

//改变样式（如颜色）

 

JavaScript_2016_8_28


联系
我们