JS-BOM
2018-10-18 本文已影响0人
哎呦呦胖子斌
browser object model 浏览器对象模型,操作浏览器
浏览器中有顶级对象:window
页面中有顶级对象:document
页面中的所有内容都是属于浏览器的,页面中的内容也都是属于window的,window是可以省略的
系统对话框
alert()、prompt()、confirm()
一般不用,各个浏览器之间不同,并且会阻止页面的加载(断言)
页面加载事件
window.onload = function(){} 页面加载完才触发的事件
这两个事件只在IE中才有
window.onunload = function(){} 页面关闭后才触发的事件
window.onbeforeunload(){} 页面关闭前触发的事件
location对象
//地址栏上#及后面的内容
console.log(window.location.hash);
// 主机名及端口号
console.log(window.location.host);
// 主机名
console.log(window.location.hostname);
// 主机的路径---相对路径
console.log(window.location.pathname);
// 端口号
console.log(window.location.port);
// 协议
console.log(window.location.protocol);
// 搜索的内容
console.log(window.location.search);
// 设置页面跳转的网页地址(一个是属性,一个是方法)
window.location.href='https://baidu.com';
window.location.assign('https://baidu.com');
// 重新加载
window.location.reload();
// 替换当前页面,不能回退至上一个页面
window.location.reload('https://baidu.com');
history对象
window.history.back() 后退
window.history.forward() 前进
window.history.go(index) index为正数,表示前进;index为负数,表示后退
navigator对象
window.navigator.plantform 判断浏览器所在的系统平台类型
window.navigator.userAgent 判断用户所用的浏览器类型
定时器
var timeId = setInterval(function(){},time);
参数1:函数
参数2:时间,毫秒级
返回值就是这个定时器的id值
window.clearInterval(timeId)
清除定时器,参数为定时器的id值
一次性的定时器
var timeId = setTimeout(function(){},time);
清除定时器
window.clearTimeout(timeId);