BOM

open(url,打开方式)
新窗口打开空白页
//open(地址默认是空白页面,打开方式默认新窗口) 打开一个新窗口
//window.open('http://www.baidu.com', '_self');

opener = window.open();//返回值 返回的新开页面的window对象

//alert(opener == window)

//opener.document.body.style.background = 'red';

close()
ff : 无法关闭
chrome : 直接关闭
ie : 询问用户
opener.close(); //可以通过关闭用window.open方法打开的窗口

//window.navigator.userAgent : 浏览器信息
/window.location : 地址
/*
window.location.href = window.location内容
window.location.search = url?后面的内容
window.location.hash = url#后面的内容
*/

//alert( window.location );

//alert( window.location.href );//地址

//alert( window.location.search );

//alert( window.location.hash );

窗口尺寸大小

可视区尺寸
document.documentElement.clientWidth
滚动条滚动距离
document.documentElement.scrollTop
document.body.scrollTop//chrome
scrollTop=document.documentElement.scrollTop||document.body.scrollTop

可视区尺寸
document.documentElement.clientWidth
document.documentElement.clientHeight
滚动距离
document.body.scrollTop/scrollLeft
document.documentElement.scrollTop/scrollLeft
内容高度
document.body.scrollHeight
文档高度
document.documentElement.offsetHeight
document.body.offsetHeight

onscroll:当滚动条滚动的时候触发 时间间隔
onresize:窗口大小改变触发

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • JS Window-浏览器对象模型 浏览器对象模型(BOM)使JS有能力与浏览器对话 由于现代浏览器几乎实现了JS...
    figure_ai阅读 1,303评论 0 2
  • 什么是BOM 用于处理 浏览器部分的功能,也就是window 与document的关系: 浏览器版本: navig...
    阿甘笔记阅读 203评论 0 0
  • 什么是BOM BOM:Browser Object Model 是浏览器对象模型,浏览器对象模型提供了独立与内容的...
    源大侠阅读 633评论 0 0
  • 什么是BOM BOM:Browser Object Model 是浏览器对象模型,浏览器对象模型提供了独立与内容的...
    LaBaby_阅读 235评论 0 0
  • 小球玫瑰是景天科费菜属的多肉植物,也叫龙血景天。它有着精致纤巧的外形,在温差大、阳光充足的环境下,叶色会更加鲜艳,...
    多肉集中营阅读 608评论 0 0