web - day2

1.百度的延时跳转

arguments是函数中的隐含对象[index]
arguments.callee---代表正在被调用的函数
window.location.href - 返回完整的URL

/*  例子：
        function add(){
            // 对象--伪数组
    window.alert(arguments.callee)
            return arguments[0] + arguments[1]
        }
        window.alert(add(1,2))
        */              

# 5秒之后会跳转到百度页面


    
        
        
    
    
        
5秒钟以后跳到百度去
        
    

2.广告的切换

通过document对象获取页面元素的常用方法有5个:
document.getElementById('') ==>通过ID获取单个元素
document.getElementsByTagName('')[]==>通过标签名获取元素的列表
document.getElementsByClassName('')[]==>通过类名获取元素的列表
document.querySelector('')==>通过样式表选择器获取单个元素
document.querySelectorAll('')==>通过样式表选择器获取的列表
document.querySelectorAll('')[]==>通过样式表选择器获取的列表

setInterval()-按照指定的周期（以毫秒计）来调用函数或计算表达式。
setTimeout()-在指定的毫秒数后调用函数或计算表达式。
clearInterval()-显示当前时间 ( setInterval() 函数会每秒执行一次函数，类似手表)。使用 clearInterval() 来停止执行;clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值

#每过2S会切换图片


    
        
        
        
    
    
        

            
        
        
            
    

3.标签的绑定事件

当你知道事件发生时要做什么,但是你不知道事件什么时候发生
在这种情况下通常的处理方式都是绑定一个事件回调函数(callback)
closeWindow以及下面的匿名函数都属于事件发生时才执行的回调函数

# 给标签绑定事件


    
        
        
    
    
        确定
        
        
        
    

4.事件的冒泡处理

// addEventListener方法的第一个参数是事件名
// 第二个参数是事件发生时需要执行的回调函数
// 第三个参数是一个布尔值
// 如果是true 表示事件捕获 - 从外层向内层传递事件
// 如果是false 表示事件冒泡 - 从内层向外层传递事件
// 一般情况下 我们事件处理的方式都是事件冒泡(默认行为)
// 如果想阻止事件的传播行为可以调用事件对象的stopPropagation方法

#点击子标签会一级一级向上传递事件


    
        
        
        
                                
    
    
        

            

                

            
        
        
            
        
        
    

5.按钮显示事件

#选中按钮后会产生相应的事件(背景颜色改变)


    
        
        
        
        
    
    
        

            狮子
            老虎
            老鼠
            老鹰
            海豚
            海马
            大象
            猎豹
            刺猬
            蚂蚁