糊糊的前端学习笔记——浏览器对象【Day08】

浏览器提供的对象

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字符串

3.screen 表示屏幕信息。

screen.width; //屏幕宽度
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监听到了这个方法，就去刷新数据或是接数据等等操作。

来源：廖雪峰的官方网站