2018-09-26 day25

1.回顾

1.window

    -alter():警告框
    -prompt():输入框
    -confirm()：确认框
    -close() :关闭
- setInterval() :多少周期调用一次
-setTimeount()：延迟调用一次
-clearInterval()：
-clearTimeout() 

2.document

3.调用匿名函数

调用匿名函数.png

4.js事件

1.在标签上使用onXXX属性来进行事件绑定

2.通过代码获取标签来绑定onclick属性

        按钮1
        
        
    

3.通过代码获取标签然后使用addEventListener事件绑定

        按钮1
        
        
    
'''
相同属性只能绑定一次
'''

js库封装

function bind(elem,event,fn){
    if (elem.addEventListener){
        elem.addEventListener(event,fn)
    }else{
        elem.attachEvent("on"+event,fn)
    }
}


function unbin(elem,en,fn){
    if (elem.removeEventListener){
        elem.removeEventListener(en,fn)
    }else{
        elem.detachEvent("on"+en,fn)
    }
    
}

5.回调函数取事件源

    
        

            button1
            button2
            button3
            button4
            button5
        
        
        
    

6.事件回调函数和事件对象

-绑定事件监听器的函数都需要传入事件的回调函数
-程序员知道事件发生的时候需要做什么样的处理但是不知道事件什么时候发生
-所以传入一个函数在将来发生事件的时候由系统进行调用这种函数就叫回调函数。

2.回调函数的第一个参数代表事件对象（封装了和事件相关的所有信息）
-对于低版本的IE 可以用过window.event来获取事件对象。
a
-事件对象的属性和方法：
-tartget / srcElement ------事件源（引发事件的标签）

b.阻止事件的默认行为
evt.prevent();
form.submit()

    
        百度
        
        
        
        
        
    

3.处理事件有两种顺序：事件冒泡(默认,从内向外)，事件捕获（true，从外向内）

function bind(elem,event,fn){
    if (elem.addEventListener){
        elem.addEventListener(event,fn,true)
    }else{
        elem.attachEvent("on"+event,fn)
    }
}

-如果要阻止事件的传播行为（例如阻止事件冒泡）可以使用

evt.stopPropagation() 
evt.cancelBubble = true (IE浏览器中)

7.猜数字游戏

    
        
        
    
    
        
        确定
        再来一次