JavaScript_2016_8_28 

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

 

posted on 2016-08-28 13:29  baixiaoxin  阅读(134)  评论(0)  编辑  收藏  举报

导航