Day1-JS-JS事件

小知识点：

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

 

 

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

　　1、①效果：  

 

 

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

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

　　　③完整代码

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

 

　　2、①效果：

                     

　　　代码实现：

  "getDate()">现在的时间
    
    
"demo">

　　　　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(){
    //......
}