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貌似支持不太好)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值