头图

BOM(Brower Object Model) 浏览器对象模型

TCR030

一、window对象的常用属性

1、创建警告对话框 alert()
2、创建确认对话框 confirm()
3、创建信息提示对话框 prompt()
4、打开指定窗口
   window.open(url, name, spec)
   url:可以使完整的地址,也可以是相对路径
   name:窗口打开方式(_blank、_self、_parent、_top)
        _blank: 新开一个窗口
        _self: 当前窗口显示
        _parent:在当前窗口的父窗口显示
        _top:在顶层窗口显示

二、定时器

1、间歇定时器
   setInterval执行完成后将返回唯一的ID。通过返回的ID,可以清除定时器
window.onload = function(){
    let num = 10
    let oSpan = document.getElementById('day')
    let timer = setInterval(function(){
        oSpan.innerHTML = --num
        if (num == 0) {
            clearInterval(timer)
        }
    }, 1000)
}

2、延时定时器

let oSpan = document.getElementsByTagName('span')[0]
let timer = null
let num = 10

function count(){
    oSpan.innerHTML = --num
    timer = setTimeout(count, 1000)
    if (num == 0) {
        clearTimeout(timer)
    }
}

timer = setTimeout(count, 1000)

三、navigator对象方法
navigator.userAgent 判断浏览器的类型
navigator.cookieEnabled 判断浏览器中是否启用cookie

四、location对象

1、加载新文档      window.location.assign(url)
2、重新加载当前文档  window.location.reload()
3、用新的文档替换当前文档  window.location.replace()

五、history对象

1、back(): 加载history列表中的前一个url
2、forward(): 加载history列表中的下一个url
3、go(number): number是要访问的url在history的url列表中的相对位置
4、pushState(state,title,url): 添加指定的url到历史记录中,并且刷新将地址栏中的 
                               网址更新为url
5、replaceState(state,title,url): 使用指定的url替换当前历史记录,并且无需刷新浏 
                               览器就会将地址栏中的网址更新为url

六、事件委托和事件代理

bindClick(all, "click", function(event) {
    let target = event.target;
    switch (target.id) {
        case "goSomewhere":
            document.title="事件委托"
            break;
        case "doSomething":
            document.title="http://www.baidu.com"
            break;
        case "sayHi":
            alert("hi");
            break;
        default:
            break;
    }
})
阅读 311
0 声望
0 粉丝
0 条评论
你知道吗?

0 声望
0 粉丝
文章目录
宣传栏