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);

上一篇 下一篇

猜你喜欢

热点阅读