BOM -- browser object model

操作浏览器窗口

一、 innerWidth / innerHeight
获取浏览器可视区的宽高(不包含开发者工具区域)

window.innerWidth + 'px'
window.innerHeight + 'px'

二、 outerWidth / outerHeight
获取浏览器软件界面的宽高

window.outerWidth + 'px'
window.outerHeight + 'px'

三、 screenTop / screenLeft
获取浏览器窗口的坐标

window.screenTop + 'px'
window.screenLeft + 'px'
// 或者
window.screenY + 'px'
window.screenX + 'px'

四、打开窗口 – window.open()

/*window.open(url : (网页的链接),         ---- 'http://www.baidu.com'target : (在哪一个窗口打开), ---- '_self'arr : (窗口新特性)          ---- 部分浏览器不支持);*/
document.onclick = function () {window.open('http://www.baidu.com','_blank','height = 500, width = 500, top = 30, left = 30, resizable = yes');
}

五、关闭窗口 – window.close()

document.onclick = function () {window.close(); // 关闭当前页面的窗口
}

BOM -- browser object model相关推荐

BOM(Browser Object Model)
BOM(浏览器对象模型),提供了一系列操作浏览器,获取浏览器信息的接口.这些接口在平时的工作中会经常用到,例如当前页面的刷新,获取url的参数等等. 注:图片来自 http://www.dreamdu ...
BOM—浏览器对象模型（Browser Object Model）
1,javascript 组成部分: 1.ECMAscript(核心标准): 定义了基本的语法,比如:if for 数组字符串 ... 2.BOM : 浏览器对象模型(Browser ...
BOM浏览器对象模型(Browser Object Model)
文章目录一.BOM浏览器对象模型(Browser Object Model) window对象 window对象的方法 navigator/location/history/screen对象 nav ...
javascript快速入门之BOM模型—浏览器对象模型(Browser Object Model)
什么是BOM? BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对 ...
BOM——浏览器对象模型(Browser Object Model)
什么是BOM? BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对 ...
《javascript高级程序设计》第八章 The Browser Object Model
8.1 window 对象 8.1.1 全局作用域 8.1.2 窗口关系及框架 8.1.3 窗口位置 8.1.4 窗口大小 8.1.5 导航和打开窗口 8.1.6 间歇调用和超时调用 8.1.7 系统 ...
Browser Object Model浏览器对象模型
目录 1. Window对象 2. Window Screen对象 3. Window Location对象 4. Window History对象 5. Window Navigator对象 6. ...
js浏览器对象模型（Brower Object Model）
BOM:浏览器对象模型, Brower Object Model. DOM 是 W3C 的标准: [所有浏览器公共遵守的标准] BOM 是各个浏览器厂商根据 DOM在各自浏览器上的实现;[表现为不同 ...
DOM(document Object model)
API(BOM DOM) 就是一个接口因为webAPI很多,我们将他称为webAPIs. web APIs由w3c规范文档对象模型(document Object model)处理可扩展语言(HT ...

BOM -- browser object model

操作浏览器窗口

BOM -- browser object model相关推荐

最新文章

热门文章