window属性中Screen、Location、History等用法

·1、screen

Screen 对象包含有关客户端显示屏幕的信息。

常用属性

availHeight 返回显示屏幕的高度 (除 Windows 任务栏之外)。

availWidth 返回显示屏幕的宽度 (除 Windows 任务栏之外)。

height 返回显示屏幕的高度。

width 返回显示器屏幕的宽度。

pixelDepth 返回显示屏幕的颜色分辨率（比特每像素）。

updateInterval 设置或返回屏幕的刷新率。

2、Location

Location 对象包含有关当前 URL 的信息,即当前页面完整路的信息

Location 对象属性

hash： 设置或返回从井号 (#) 开始的 URL（锚）。

host： 设置或返回主机名和当前 URL 的端口号。

hostname： 设置或返回当前 URL 的主机名。

href： 设置或返回完整的 URL。

pathname： 设置或返回当前 URL 的路径部分。

port： 设置或返回当前 URL 的端口号。

protocol： 设置或返回当前 URL 的协议。

search： 设置或返回从问号 (?) 开始的 URL（查询部分）。

示例
//跳转至一个新的页面（会刷新当前页面），可以是外部资源，也可以当前站点的资源，
location.href = "location.html#top?a=10&b=20";

示例
当前页面的地址信息
//location.href = "location.html#top?a=10&b=20";
<script type="text/javascript">
			 var hash = location.hash;// top
			var host = location.host;// www.baidu.com:8020
			var hostname = location.hostname;// www.baidu.com
			var port = location.port;// 8020;
			var pathname = location.pathname;// index.html
			var protocol = location.protocol; // http
			
			console.log(location);
			console.log(hash);
			console.log(host);
			console.log(hostname);
			console.log(port);
			console.log(pathname);
			console.log(protocol);
		</script>

 Location 对象方法

assign()： 加载新的文档。

reload()： 重新加载当前文档，相当于刷新页面。

replace()： 用新的文档替换当前文档。

location.replace("location.html#top?a=10&b=20");

相当于

location.href = "location.html#top?a=10&b=20";

3、history

History 对象包含用户（在浏览器窗口中）访问过的 URL

History 对象属性

属性 描述

length 返回浏览器历史列表中的 URL 数量。

History 对象方法

方法 描述

back()： 加载 history 列表中的前一个 URL,后退。

forward()： 加载 history 列表中的下一个 URL，前进。

go()： 加载 history 列表中的某个具体页面。

示例
history.back();//后退,在一个浏览器页面中访问过多个网页才能使用后退
history.forward();//前进，只有使用过后退之后
history.go(1);//如果参数是正数，表示前进，数字代表前进的页面的数量，相当物执行了对应 次数的forword, 如果是负数，表示后退，数字代表后退的页面的数量，相当于执行对应次数的back

Navigator 对象包含有关浏览器的信息。

Navigator 对象属性

appCodeName	返回浏览器的代码名。
appMinorVersion	返回浏览器的次级版本。
appName	返回浏览器的名称。
appVersion	返回浏览器的平台和版本信息。
browserLanguage	返回当前浏览器的语言。
cookieEnabled	返回指明浏览器中是否启用 cookie 的布尔值。
cpuClass	返回浏览器系统的 CPU 等级。
onLine	返回指明系统是否处于脱机模式的布尔值。
platform	返回运行浏览器的操作系统平台。
systemLanguage	返回 OS 使用的默认语言。
userAgent	返回由客户机发送服务器的 user-agent 头部的值。
userLanguage	返回 OS 的自然语言设置。