window对象属性
//在浏览器中,window对象指当前的浏览器窗口,它也是所有对象的顶层对象。浏览器环境的所有全局变量,都是window对象的属性。
- window对象的window属性指向自身。
//window.Window===this - window.name属性用于设置当前浏览器窗口的名字。
- window.location返回一个location对象,用于获取窗口当前的URL信息。它等同于document.location对象
- window.closed属性返回一个布尔值,表示窗口是否关闭。
//种检查意义不大,因为只要能运行代码,当前窗口肯定没有关闭。这个属性一般用来检查,使用脚本打开的新窗口是否关闭。 - window.opener属性返回打开当前窗口的父窗口。如果当前窗口没有父窗口,则返回null。
//可以获得父窗口的的全局变量和方法,比如window.opener.propertyName和window.opener.functionName()。但这只限于两个窗口属于同源的情况 - window.frames属性返回一个类似数组的对象,成员为页面内所有框架窗口,包括frame元素和iframe元素。window.frames[0]表示页面中第一个框架窗口。
- window.length属性返回当前网页包含的框架总数。如果当前网页不包含frame和iframe元素,那么window.length就返回0。
- window.screenX和window.screenY属性,返回浏览器窗口左上角相对于当前屏幕左上角((0, 0))的水平距离和垂直距离,单位为像素。
- window.innerHeight和window.innerWidth属性,返回网页在当前窗口中可见部分的高度和宽度,即“视口”(viewport),单位为像素。
- window.outerHeight和window.outerWidth属性返回浏览器窗口的高度和宽度,包括浏览器菜单和边框,单位为像素。
- window.pageXOffset属性返回页面的水平滚动距离,window.pageYOffset属性返回页面的垂直滚动距离,单位都为像素。
window对象的navigator属性,指向一个包含浏览器信息的对象。
- navigator.userAgent属性返回浏览器的User-Agent字符串,标示浏览器的厂商和版本信息。
- navigator.plugins属性返回一个类似数组的对象,成员是浏览器安装的插件,比如Flash、ActiveX等。
- navigator.onLine属性返回一个布尔值,表示用户当前在线还是离线。
- navigator.geolocation返回一个Geolocation对象,包含用户地理位置的信息。
- navigator.javaEnabled方法返回一个布尔值,表示浏览器是否能运行Java Applet小程序。
- navigator.cookieEnabled属性返回一个布尔值,表示浏览器是否能储存Cookie。
为什么这些属性前都不用+window?
我想因为是这个属性只有浏览器窗口拥有所以可以省略
window.screen对象包含了显示设备的信息。(估计因为也是window特有的,所以使用的时候不用+window)
//screen.height和screen.width两个属性,一般用来了解设备的分辨率。
//screen.availHeight和screen.availWidth属性返回屏幕可用的高度和宽度,单位为像素。它们的值为屏幕的实际大小减去操作系统某些功能占据的空间,比如系统的任务栏。
//screen.colorDepth属性返回屏幕的颜色深度,一般为16(表示16-bit)或24(表示24-bit)。
window对象的方法
- window.moveTo方法用于移动浏览器窗口到指定位置。它接受两个参数,分别是窗口左上角距离屏幕左上角的水平距离和垂直距离,单位为像素。
- window.scrollTo方法用于将网页的指定位置,滚动到浏览器左上角。它的参数是相对于整张网页的横坐标和纵坐标。它有一个别名window.scroll。
- window.scrollBy方法用于将网页移动指定距离,单位为像素。它接受两个参数:向右滚动的像素,向下滚动的像素。
- window.open方法用于新建另一个浏览器窗口,并且返回该窗口对象。
- window.close方法用于关闭当前窗口,一般用来关闭window.open方法新建的窗口。
- print方法会跳出打印对话框,同用户点击菜单里面的“打印”命令效果相同。
- getComputedStyle方法接受一个HTML元素作为参数,返回一个包含该HTML元素的最终样式信息的对象。
- window.matchMedia方法用来检查CSS的mediaQuery语句。
- focus方法会激活指定当前窗口,使其获得焦点。
- window.getSelection方法返回一个Selection对象,表示用户现在选中的文本。
事件/window对象可以接收以下事件。
- load事件发生在文档在浏览器窗口加载完毕时。window.onload属性可以指定这个事件的回调函数。
- 浏览器脚本发生错误时,会触发window对象的error事件。我们可以通过window.onerror属性对该事件指定回调函数。
网友评论