JS-BOM

作者: 哎呦呦胖子斌 | 来源:发表于2018-10-18 17:00 被阅读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);

相关文章

  • JS-BOM

    BOM Browser Object Model 浏览器对象模型 作用:能够在 JS 中与浏览器实现“对话” 没有...

  • JS-BOM

    browser object model 浏览器对象模型,操作浏览器 浏览器中有顶级对象:window 页面中有顶...

  • JS-BOM

    BOM:浏览器的对象类型一、window1、弹框alterconfirm //带有返回值(点击确定会返回 tru...

网友评论

      本文标题:JS-BOM

      本文链接:https://www.haomeiwen.com/subject/snsszftx.html