js高级编程-Bom
来源:互联网 发布:bim施工现场布置软件 编辑:程序博客网 时间:2024/05/16 01:02
8.1.3窗口位置
IE、Safari、Opera和Chrome都提供了screenLeft 和screenTop属性,分别用于表示相对于屏幕左边和上边的位置。
Firefox则在screenX和screenY属性中提供相同的窗口位置信息。Safari和Chrome也同事支持这两个属性
使用下面的代码可以跨浏览器取得窗口左边和上边的位置
var leftPos = (typeof window.screenLeft =="number")? window.screenLeft : window.screenX;
var topPos = (typeof window.screenTop =="number")? window.screenTop : window.screenY;
这个例子运用二院操作符首先确定screenLeft和screenTop的属性是否存在,如果不存在,就取得screenX和screenY的值。
8.1.4 窗口大小
在IE,以及Safari,Opera和Chrome中,document.documentElement.clientWidth和document.documentElement.clientHeight中保存了窗口大小的信息。在IE6中,这些属性必须在
标准模式下才有效;如果是混杂模式,就必须通过document.body.clientWidth和document.body。clientHeight取得相同信息。而对于混杂模式下的Chrome,则无论通过document.domentElement还是document.body中的clientWidth和clientHeight属性,都可以取得视口的大小。
虽然最终无法确定浏览器窗口本身的大小,但是却可以取得页面视口的大小,如下所示:
var pageWidth = window.innerWidth,
pageHeight = window.innerHeight;
if(typeof pageWidth != "number"){
if(document.compatMode == "CSS1Compat"){
pageWidth = document.documentElement.clientWidth;
pageHeight = document.documentElement.clientHeight;
}else{
pageWidth = document.body.clientWidth;
pageHeight = document.body.clientHeight;
}
}
另外,使用resizeTo()和resizeBy()方法可以调整浏览器窗口的大小,都接收两个参数,其中resizeTo()接收浏览器窗口的新宽度和新高度,
resizeBy()接收新窗口和原窗口的宽度和高度之差。来看下面的例子:
//调整到100*100
window.resizeTo(100,100);
//调整到200*150
window.resizeBy(100,50);
注意这两个方法有可能被高版本的浏览器禁用
- js高级编程-Bom
- js高级编程-Bom
- JS高级程序设计8-BOM
- js笔记--BOM编程
- JS高级程序设计--读书笔记(BOM对象)
- js高级程序设计笔记5---BOM对象
- JS高级程序设计——BOM
- JavaScript高级编程【BOM-window对象】
- JavaScript高级编程【BOM-location对象】
- js中的自定义对象和BOM编程
- JS的高级编程
- js 高级编程
- js 高级编程
- javascript中的BOM操作(JS高级程序设计第八章)
- [Javascript 高级程序设计]学习心得记录11 js的BOM
- BOM js
- js BOM
- JS BOM
- getComputedStyle、currentStyle的区别与用法
- delphi身份证验证
- 体验更低功耗的开源硬件平台-迅为4412开发板
- 让android的TextView可以滚动
- POJ 3617 Best Cow Line
- js高级编程-Bom
- Xcode6中进行Objective-C现代化的工具
- boost 1.51.0 在MAC系统上编译Android序列化静态库
- NSString [a compare:b] NSOrderedSame NSOrderedAscending NSOrderedDescending
- 我的第一个HTML5应用
- 连载三 奖学金文章更新 张文军 北京IOS第38期学员
- 二十岁出头的时候上,你一无所有,你拥有一切
- DBA 给某用户赋予某张数据库表的某种操作权限(增,删,查,改)
- Extjs 4.1 grid 动态添加行