JavaScript 基础教程JavaScript 简介JavaScript 用法JavaScript 输出JavaScript 语法JavaScript 语句JavaScript 注释JavaScript 变量JavaScript 数据类型JavaScript 对象JavaScript 函数JavaScript 作用域JavaScript 事件JavaScript 字符串JavaScript 运算符JavaScript 比较和逻辑运算符JavaScript if...else 语句JavaScript switch 语句JavaScript for 循环JavaScript while 循环JavaScript break 和 continue 语句JavaScript typeof, null, undefinedJavaScript 类型转换JavaScript 正则表达式JavaScript 错误throw try catchJavaScript 调试JavaScript 变量提升JavaScript 严格模式 (use strict)JavaScript 使用误区JavaScript 表单JavaScript 表单验证JavaScript 验证 APIJavaScript 保留关键字JavaScript JSONjavascript :void(0) 含义JavaScript 代码规范JavaScript 函数定义JavaScript 函数参数JavaScript 函数调用JavaScript 闭包JavaScript HTML DOMJavaScript DOM- 改变 HTMLJavaScript DOM - 改变 CSSJavaScript HTML DOM 事件JavaScript DOM EventListenerJavaScript DOM 元素(节点)JavaScript 对象类型JavaScript Number 对象JavaScript 字符串(String)对象JavaScript Date 对象JavaScript Array 对象JavaScript Boolean 对象JavaScript Math 对象JavaScript RegExp 对象JavaScript window 对象JavaScript window.screen 对象JavaScript window.location 对象JavaScript window.history 对象JavaScript window.navigator 对象JavaScript 弹窗JavaScript 计时事件JavaScript CookieJS中的if和switch该如何选择?JS优化多分支结构JS中的while和for循环该如何选择?JS优化循环结构JS输出杨辉三角JS定义字符串(3种方式)JS获取字符串长度JS字符串拼接/连接(3种方式)JS字符串查找(6种方法)JS截取字符串JS字符串替换replace()JS字符串大写小写转换JS字符串比较大小JS字符串和数组之间的转换JS给字符串添加HTML标签JS去除字符串前后空格JS Unicode编码和解码JS Base64编码和解码JS在接收表单数据时过滤特殊字符JS自定义编码和解码方案

JavaScript window 对象

浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器"对话"

浏览器对象模型( B rowser O bject M odel (BOM))尚无正式标准

由于现代浏览器已经(几乎)实现了 JavaScript 交互性方面的相同方法和属性,因此常被认为是 BOM 的方法和属性


window 对象

所有浏览器都支持 window 对象,它表示浏览器窗口

所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员

全局变量是 window 对象的属性

全局函数是 window 对象的方法

甚至 html dom 的 document 也是 window 对象的属性之一

window.document.getElementById("header");

与此相同

document.getElementById("header");


Window 尺寸

有三种方法能够确定浏览器窗口的尺寸

对于 Internet Explorer、Chrome、Firefox、Opera 以及 Safari

window.innerHeight : 浏览器窗口的内部高度,包括滚动条
window.innerWidth : 浏览器窗口的内部宽度,包括滚动条

对于 Internet Explorer 8、7、6、5

document.documentElement.clientHeight 2、 document.documentElement.clientWidth

或者

document.body.clientHeight
document.body.clientWidth

实用的 JavaScript 方案 ( 涵盖所有浏览器)

var w = window.innerWidth || document.documentElement.clientWidth|| document.body.clientWidth;
var h = window.innerHeight || document.documentElement.clientHeight|| document.body.clientHeight;

该例显示浏览器窗口的高度和宽度,不包括工具栏/滚动条


其它 window 方法

方法描述
window.open()打开新窗口
window.close()关闭当前窗口
window.moveTo()移动当前窗口
window.resizeTo()调整当前窗口的尺寸

链接: https://www.fly63.com/course/7_521