涉及到的内容有(主要研究相关长度和位置的计算方法):
·screen
·window
·navigator
·document、body
·frameset、frame
·iframe
·模态对话框、非模态对话框
--------------------------------------------------------
·screen
availHeight 返回显示屏幕的高度 (除 Windows 任务栏之外)
availWidth 返回显示屏幕的宽度 (除 Windows 任务栏之外)
height 屏幕的高度
width 屏幕的宽度
--------------------------------------------------------
·window
-窗口在屏幕上的坐标(screenLeft、screenTop、screenX、screenY )
在ie各个版本中,用到的是screenLeft和screenTop,而且它所指的窗口是显示区域而不是整个浏览器
opera与ie相同,如果使用screenX和screenY结果都为0
firefox使用的是screenX和screenY,它是整个浏览器的坐标
在chrome两种方式同可以,结果也相同,它也是是整个浏览器的坐标
统一之后,即ie和opera显示的是页面左上角相对于屏幕的坐标,而chrome和firefox是浏览器相对于屏幕的坐标
-open函数
window.open("test.htm","windowName","parameters");
参数介绍:
depended | yes/no | 是否和父窗口同时关闭
directories | yes/no | Nav2和3的目录栏是否可见
location | yes/no | 位置栏是否可见
menubar | yes/no | 菜单栏是否可见
scrollbars | yes/no | 窗口是否可有滚动栏
titlebar | yes/no | 窗口题目栏是否可见
toolbar | yes/no | 窗口工具栏是否可见
resizable | yes/no | 窗口大小是否可调整
hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键
height | pixel value | 窗口高度
Width | pixel value | 窗口的像素宽度
innerHeight | pixel value | 窗口中文档的像素高度
innerWidth | pixel value | 窗口中文档的像素宽度
outerHeight | pixel value | 设定窗口(包括装饰边框)的像素高度
outerWidth | pixel value | 设定窗口(包括装饰边框)的像素宽度
left | pixel value | 窗口距屏幕左边界的像素长度
top | pixel value | 窗口距屏幕上边界的像素长度
z-look | yes/no | 窗口被激活后是否浮在其它窗口之上
alwaysLowered | yes/no | 指定窗口隐藏在所有窗口之后
alwaysRaised | yes/no | 指定窗口悬浮在所有窗口之上
left和top主要都是相对于screen的原点
height和width主要是内容部分的长度和高度
--------------------------------------------------------
·navigator(见"客户端信息.htm"页面)
--------------------------------------------------------
·document
documentElement.clientWidth,documentElement.clientHeight
·body
clientWidth,clientHeight
scrollWidth,scrollHeight
offsetWidth,offsetHeight
--------------------------------------------------------
·frameset-frame
·iframe
首先,在包含页面使用获取到的frame或者iframe元素与包含页面中的window对象有什么区别
用处:可以在父页中调用子页面的函数
解决方法:可以获取到对应的frame元素后,使用其contentWindow属性得到内容页面的window对象
如:document.getElementById('iframedemo').contentWindow.demofunction(); (chrome貌似支持不太好)