浏览器提供的对象
1.window 表示浏览器的窗口。 有innerWidth和innerHeight这两个属性。可以获取浏览器的内部宽高。
window.innerWidth; window.innerHeight;
对应的还有outWidth和outHeight这两个属性,获取浏览器窗口的整体的宽高。
window.outWidth; window.outHeight;
2.navigator 表示浏览器信息。
navigator.appName:浏览器名称; navigator.appVersion:浏览器版本 navigator.language:浏览器设置的语言 navigator.platform:操作系统类型; navigator.userAgent:浏览器设定的Use-Agent字符串
screen.height; //屏幕宽度
screen.colorDepth; //颜色位数
4.location
表示当前页面的URL信息。
location.href; //获取当前页面URL整体信息
5.document
表示当前的页面信息。
还可以获取当前页面的Cookie信息。
document.cookie;
6.history
表示页面的历史纪录。
但在任何情况下不使用该对象。
history对象保存了浏览器的历史记录,JavaScript可以调用history对象back()或forward (),相当于用户点击了浏览器的“后退”或“前进”按钮。这个对象属于历史遗留对象,对于现代Web页面来说,由于大量使用AJAX和页面交互,简单粗暴地调用可能会让用户感到非常愤怒。新手开始设计Web页面时喜欢在登录页登录成功时调用,试图回到登录前的页面。这是一种错误的方法。
任何情况,你都不应该使用history这个对象了。
假设从“个人中心”页跳转到“登录”,如果登录成功之后用 "history.back()"的话会回到“个人中心”页面,但是登录成功的信息并不会返回过来,所以不推荐使用。当然,就登录案例而言的话,可以在“登录”页面写返回代码之前加上一个让“个人中心”页面能监听的方法名。 然后返回到“个人中心”页面之后,当JS监听到了这个方法,就去刷新数据或是接数据等等操作。
来源:廖雪峰的官方网站