标签:
window对象(浏览器对象模型)
window对象表示浏览器中打开的窗口,,是JS浏览器对象模型中
的顶层对象,其中还包括了以下几个内容:
1、Document:使我们可以从脚本中对HTML页面中的所有元素进行访问;
2、History:包含用户(浏览器窗口中的)访问过的URL;
3、Location:包含有关当前URL的信息;
4、Navigator:包含有关浏览器的信息;
5、Screen:包含有关客户端显示屏幕的信息。
说明:
1、所有的浏览器都支持window对象;
2、所有JS全局对象、函数以及变量均可以自动成为window对象;
3、全局变量是window对象的属性;
4、全局函数时window对象的方法。
Window对象
一、位置:
1、screenX :返回相对于屏幕窗口的X坐标(IE不支持);
2、screenY :返回相对于屏幕窗口的Y坐标(距离浏览器最顶端)(IE不支持);
3、screenLeft:返回相对于浏览器的X坐标;
4、screenTop:返回相对于浏览器的Y坐标(在IE浏览器中包括了
顶部的工具栏、菜单栏、地址栏)。
二、窗口的大小:
1、window.innerWidth:返回窗口的文档显示区的宽度;(IE不支持);
2、window.innerHeight:返回窗口的文档显示区高度;(IE不支持);
3、document.documentElement.clientWidth:返回窗口的文档显示区的宽度;(通用方法)
4、document.documentElement.clientHeight:返回窗口的文档显示区高度;(通用方法)
Window对象的方法
一、窗口移动的尺寸和大小(仅IE有效):
1、window.moveBy(x,y):可相对窗口的当前坐标移动指定的像素;
2、window.moveTo(x,y):把窗口左上角的移动到指定的坐标;
3、window.resizeBy(x,y):按照指定的像素相对的调整窗口的大小;
4、window.resizeTo(x,y):把窗口的大小调到指定的宽度和高度。
二、滚动条的控制:
1、window.scrollBy(x,y):相对于当前滚动条的位置移动;
2、window.ccrollTo(x,y):把内容滚到指定的坐标。
三、 时间间隔函数(计时器):
1、window.setInterval(code,millisec):按照指定的周期(以毫秒计)来调用函数或表达式;
2、window.clearInterval(obj):取消由setInterval()设置的timeout;
3、window.setTimeout(code,millisec):在指定的毫秒数后调用函数或表达式;
4、window.clearTimeout(obj):取消由setTimeout()方法设置的timeout。
四、打开新窗口:
window.open(URL、name、specs,replace)
History对象
一、属性: length:返回历史列表中的网页数;
二、方法:
1、 history.back():加载历史列表中的前一个URL(如果存在),调用该方法的效果等价于点击后退按钮或调用history.go(-1);
2、 history.foward():加载历史列表中的下一个URL。等价于前进按钮或者调用history.go(1);
3、history.go(number|URL):加载历史列表中的某一具体的页面。
location对象
一、属性:
1、href:返回完整的URL;
2、hostname:返回URL的主机名;
3、pathname:返回的URL路径名;
4、port:返回一个URL服务器使用的端口号;
5、search:返回URL的查询部分。
二、方法:
1、location.assign(URL):加载一个新的文档;
2、location.reload():刷新当前文档;
3、location.replace(newURL):用一个新文档取代当前文档(没有历史记录)。
Screen对象
一、属性:
1、availHeight: 返回屏幕的高度(不包括windows任务栏);
2、availWeight: 返回屏幕的宽度(不包括windows任务栏);
3、width: 返回屏幕的总宽度;
4、height: 返回屏幕的总高度。
Navigator对象
一、属性:
1、appCodename: 返回浏览器的代码名;
2、appName: 返回浏览器的名称;
3、appVersion:返回浏览器的平台和版本信息 ;
4、platfrom: 返回运行浏览器的操作系统平台。
标签:
原文地址:http://www.cnblogs.com/qingshixiaodao/p/5429137.html