1
2
3

outerWidth 和 outerHeight返回浏览器窗口自身的大小
innerWidth 和 innerHeight返回浏览器窗口中页面视口的大小（不包括浏览器边框和工具栏）
document.documentElement.clientWidth 和 document.documentElement.clientHeight 返回页面视口的宽高

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

let pageHeight = window.innerHeight;
        let pageWidth = window.innerWidth;

        if(typeof pageHeight != "number") {//检查页面是否处于标准模式
            if(document.compatMode == "CSS1Compat") {//移动设备浏览器兼容处理
                pageHeight = document.documentElement.clientHeight;
                pageWidth = document.documentElement.clientWidth;
            } else {
                pageHeight = document.body.clientHeight;
                pageWidth = document.body.clientWidth;
            }
        }

1
2
3

window.resizeTo(x, y);缩放到
window.resizeBy(x, y);缩放+
可能被浏览器禁用

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16

window.scrollBy(x, y);相对当前视口滑动
window.scrollTo(x, y);滚到据屏幕左边x顶边y的位置

平滑活动设置 behavior
正常滚动：
window.scrollBy({
	left: x,
	top: y,
	behavior: 'auto'
});
平滑滑动
window.scrollBy({
	left: x,
	top: y,
	behavior: 'smooth'
});

1
2

window.open("http://www.wrox.com","topFrame"); 等价于
<a href="http://www.wrox.com" target="topFrame"></a>相同

1
2

window.open("http://www.wrox.com","topFrame",
                    "height=400, width=400, top=10, left=10, resizeable=yes");

1
2
3
4

let wrox = window.open("http://www.wrox.com","topFrame");
if(wrox == null) {
    alert("the popup was blocked!");
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

let blocked = false;
try {
    let wrox = window.open("http://www.wrox.com","topFrame");
    if(wrox == null) {
        blocked = true;
    }
} catch(ex) {
    blocked = true;
}
if(blocked) {
    alert("the popup was blocked!");
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

let getQueryStringArgs = function() {
	let qs = (location.search.length > 0 ? location.search.substring(1) : "");
    let args = {};
    for(let item of qs.split("&").map(kv => kv.split("="))) {
		let name = item[0];
        let value = item[1];
        if(name.length) {
			args[name] = value;
        }
    }
}

1
2
3
4
5

location.href = "http://www.wrox.com";
location.assign("http://www.wrox.com");
window.location = "http://www.wrox.com";
修改location的属性也会修改当前加载的页面
tips：修改hash的值会在浏览器历史中增加一条新纪录

1
2

location.reload(); 重新加载，可能从缓存加载
location.reload(true); 重新加载，从服务器加载

1
2
3
4

name 插件名称
description 插件介绍
filename 插件的文件名
length 由当前插件处理的MIME类型数量

1
2
3
4
5
6
7
8
9

let hasPlugin = function(name) {
    name = name.toLowerCase();
    for(let plugin of window.navigator.plugins) {
        if(plugin.name.toLowerCase().indexOf(name) > -1){
            return true;
        }
    }
    return false;
}

1
2
3
4
5

history.go(2) 前进2页
history.go(-2) 后退2页
history.forward() 前进1页
history.back() 后退1页
history.length 表示历史记录中有多少个条目