日期:2014-05-17  浏览次数:20605 次

HTML-window总结

涉及到的内容有(主要研究相关长度和位置的计算方法):
·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貌似支持不太好)