Day1-JS-JS事件

小知识点：

　　　　你的全局变量，或者函数，可以覆盖 window 对象的变量或者函数。
　　　　局部变量，包括 window 对象可以覆盖全局变量和函,

 

 

 一、onclick 点击事件的三种实现方法

　　1、①效果：  

 

 

 　　　②知识点：通过使用this直接对这个按钮的内容“现在的时间是？“进行修改的；

　　　　　　　　注意打印时间的函数不要搞错了，是Date（），js对大小写是很敏感的

　　　③完整代码

<button onclick="this.innerHTML=Date()">现在的时间是？</button>

 

　　2、①效果：

                     

　　　代码实现：

  <button onclick="getDate()">现在的时间</button>
    <script>
        function getDate(){
            document.getElementById("demo").innerHTML=Date();
        }
    </script>
    <p id="demo"></p>

　　　　3、①效果：

　　　　　　　    　

 

 　　　　　　②知识点：注意了如果直接在onclick上面直接对点击事件进行定义的话，demo要用单引号才行，也就是

　　　　　　　　　　getElementById（‘demo’） 不然是会报错的

　　　　　　③代码实现：

<button onclick="getElementById('demo').innerHTML=Date()">现在的时间</button>
    <p id="demo"></p>

 

 

 

 

 二、HTML常见的事件：

　　

 

 小知识点：

　　　　　　可以不用直接在元素里面定义 onclick=”×××（）“

<button id="test" onclick="changeContent()">更换内容</button>

　　　　　　可以直接在js里面写，比如

var test = document.getElementById("test");
test.onclick = changeContent(){
    //......
}