- 浏览: 1344034 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (453)
- Struts2 (4)
- Struts1 (16)
- Spring (9)
- Hibernate (5)
- AJAX (16)
- MS Server (9)
- Oracle (35)
- 测试技术 (5)
- 其他 (37)
- JSF (1)
- EJB (5)
- ASP.NET (9)
- iBATIS (5)
- Struts Spring Hibernate (2)
- HTML (12)
- Eclipse使用 (5)
- 设计模式 (5)
- JSP (32)
- 正则表达式 (2)
- 服务器 (12)
- Java基础 (48)
- MySQL (4)
- 面试 (22)
- UML (1)
- 数据结构 (3)
- Ant (2)
- 规范 (4)
- JavaScript (29)
- 软件使用及技巧 (25)
- PHP (1)
- DWR (3)
- FreeMarker (1)
- ExtJs (17)
- JFreeChart (9)
- Reports (2)
- JavaException (1)
- Java Mail (1)
- Flex (9)
- 异常 (12)
- Log4j (2)
- WebService (1)
- jQuery (1)
- Sybase (2)
- myeclipse_plugin (2)
- Linux (5)
- jbpm (2)
- SCM (1)
- mongoDB (1)
最新评论
-
lihua2008love:
<typeAlias alias="User& ...
IBATIS简单操作 -
lihua2008love:
...
关于项目框架设计的一点学习 -
c_jinglin:
我使用<OBJECT CLASSID="cls ...
这就是个静态页面通过js控制mscomm对某com设备进行访问的例子. -
zlbjava:
赞,用了还不错
java获取请求的ip地址,并解析ip所属地区 -
完美天龙:
cs842813290 写道楼主,我明白的地方:在链表已有N个 ...
JAVA实现双向链表
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <SCRIPT LANGUAGE="JavaScript"> <!-- function getInfo() { var s = ""; s += " 网页可见区域宽:"+ document.body.clientWidth; s += " 网页可见区域高:"+ document.body.clientHeight; s += " 网页可见区域宽:"+ document.body.offsetWidth + " (包括边线和滚动条的宽)"; s += " 网页可见区域高:"+ document.body.offsetHeight + " (包括边线的宽)"; s += " 网页正文全文宽:"+ document.body.scrollWidth; s += " 网页正文全文高:"+ document.body.scrollHeight; s += " 网页被卷去的高(ff):"+ document.body.scrollTop; s += " 网页被卷去的高(ie):"+ document.documentElement.scrollTop; s += " 网页被卷去的左:"+ document.body.scrollLeft; s += " 网页正文部分上:"+ window.screenTop; s += " 网页正文部分左:"+ window.screenLeft; s += " 屏幕分辨率的高:"+ window.screen.height; s += " 屏幕分辨率的宽:"+ window.screen.width; s += " 屏幕可用工作区高度:"+ window.screen.availHeight; s += " 屏幕可用工作区宽度:"+ window.screen.availWidth; s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"; s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"; alert (s); } //--> </SCRIPT> </HEAD> <BODY> <INPUT type=text name=inboxname size=35 onclick="getInfo()"><p> </BODY> </HTML>
在我本地测试当中:
在IE、FireFox、Opera下都可以使用
document.body.clientWidth
document.body.clientHeight
即可获得,很简单,很方便。
而在公司项目当中:
Opera仍然使用
document.body.clientWidth
document.body.clientHeight
可是IE和FireFox则使用
document.documentElement.clientWidth
document.documentElement.clientHeight
原来是W3C的标准在作怪啊
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
如果在页面中添加这行标记的话
在IE中:
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
在FireFox中:
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
?
在Opera中:
document.body.clientWidth ==> 可见区域宽度
document.body.clientHeight ==> 可见区域高度
document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)
document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)
而如果没有定义W3C的标准,则
IE为:
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==> 0
FireFox为:
document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)
Opera为:
document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)
真是一件麻烦事情,其实就开发来看,宁可少一些对象和方法,不使用最新的标准要方便许多啊。
发表评论
-
j托管JavaScript类库
2009-10-13 11:22 1273AJAX 库 API http://code.google. ... -
javascript日期相减
2009-09-28 13:25 3437<SCRIPT LANGUAGE="Jav ... -
做个在网页上实现像QQ一样当有新任务时声音提醒
2009-07-18 14:35 1687在做一个项目时,客户要求网页上具有声音提醒功能。就是让网页每2 ... -
多选列表值的移动和获取值
2009-06-02 14:07 1525一段简单的javascript实现多选列表值的移动和获取值 ... -
获得多项选择列表框的选中选项
2009-06-02 14:00 2346<form> <sele ... -
JS获取表格单元格
2009-05-06 13:52 2936var ccell = document.getElement ... -
获得select的option值
2009-04-27 09:38 2411<select name="opt&quo ... -
javaScript urlencode 推荐 encodeURICompon
2009-04-20 15:09 2013网上查到的全都是escape,和需要的编码不是一回事,好不容易 ... -
javaScript UrlEncode and UrlDecode
2009-04-20 10:52 3044<script language=" ... -
这就是个静态页面通过js控制mscomm对某com设备进行访问的例子.
2009-04-03 16:14 6347<html> <head> ... -
js调用ocx控件(读写IC卡)
2009-04-03 16:09 107431、注册OCX 开始--->cmd--->reg ... -
转换Unicode (JS)
2009-03-23 09:19 2361Encrypt = function() { var ... -
JS获取当前对象大小以及屏幕分辨率等
2009-03-22 14:47 5567<script>function getInf ... -
单选框控制表单的隐藏和显示
2009-03-17 17:01 3224<script type="text/ja ... -
支持IE6、IE7的关闭页面的函数
2009-03-17 16:40 1406function closeWin() { v ... -
JQueryInplaceEdit
2009-02-15 10:43 1323$(document).ready(function() ... -
checkbox 全选和取消全选
2009-02-14 22:33 1592<html> <head> ... -
JavaScript分割字符串
2009-01-19 16:26 4935<script language="javas ... -
框架标签
2009-01-12 10:54 1381主页面 <!DOCTYPE html PUBLIC ... -
XML+Javascript树状菜单
2009-01-07 13:27 1626var ImgArr = new Array(); var l ...
相关推荐
关于获取各种浏览器可见窗口大小,各种各样的窗口大小,也有一些讲解,非常适合当做工具书收藏起来,各位看官千万不要错过哦。
关于获取各种浏览器可见窗口大小的一点点研究。使用javascript轻松实现日常需要的功能。
在新定义出来的标准下 document.documentElement.clientHeight在IE和火狐里都能获取正确值,下面一篇文章详细介绍了获取各种浏览器可见窗口大小这方面的差别: [removed]function getInfo(){ var s = “”; s += ...
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于...
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽) ...
一:网页可见区域宽高,不包括工具栏和滚动条(浏览器窗口可视区域大小) 1.对于IE9+、chrome、firefox、Opera、Safari: window.innerHeight浏览器窗口的内部高度; window.innerWidth浏览器窗口的内部宽度; 2....
例如,当可见滚动条时,WebKit浏览器会更改其CSS视口的大小,而其他大多数浏览器则不会。 由于window.innerWidth不管滚动条状态如何都保持不变,因此不是与Chrome或Safari一起使用的好选择。 此外,Internet ...
熟练掌握window对象的status、location、name、self、opener属性的使用 Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY、FRAMESET或FRAME元素时,...
15. 如何使窗口不可见? 16. 如何使窗口始终在最前方? 17、如何创建一个字回绕的CEditView 18、通用控件的显示窗口 19、移动窗口 20、重置窗口的大小 21、如何单击除了窗口标题栏以外的区域使窗口移动 22、如何改变...
Viewport不局限于浏览器可视区域的大小,可能比浏览器的可视区域要大,也可能比浏览器的可视区域要小。 媒体查询 CSS媒体查询允许开发者基于浏览网站的设备的特性来应用不同的样式申明,最常用的特性是视口宽度。 ...
参数 是否后台, 逻辑型, 可空, 默认为假:可见到的颜色点 真:后台窗口内颜色点 .参数 色深, 整数型, 可空, 所截取的图片位深度,默认为16位(8,16,24,32) .子程序 超级延迟, , 公开, 无资源占用的延时(无返回值) .参数...
学习单2 制作不可移动的窗体 学习单3 制作非矩形的窗体 学习单4 制作不可见的窗体 学习单5 移动无标题栏窗口 学习单6 制作始终位于最上层的窗体 学习单7 在系统菜单中添加自定义菜单项 学习单8 将窗体大小限定在一定...
请记住,一旦在布局模式下更改按钮的位置,该按钮将在调整浏览器大小时,该按钮将不再相对于窗口边框移动,因此您必须为布局维护相同的浏览器窗口大小,以查看一致。如果您创建布局,则缩小浏览器,可以丢失可见区域...
facebook-rockin最佳自动化Selenium消除无api工具的机器人机器做... 浏览器的窗口预期宽度为1000像素,高度至少为1000像素,缩放比例为100%。 大小不同时,页面外观会有所不同,因此漫游器可能无法正常工作。 因为机
在 resizeCheck() 函数中,我们使用 setTimeout() 函数来检查浏览器窗口的大小变化,如果窗口大小发生变化,我们就 reload 该页面。 在我们的示例代码中,我们还定义了一些函数,例如 divMoveBy() 函数来移动 DIV,...
1.18 获取鼠标在窗口客户区中的坐标 1.19 获取鼠标在窗口页面中的坐标 1.20 设置Flash对象的WMode窗口模式 1.21 实现类Twitter的字数限制效果 1.22 提示文本的隐藏与显示 1.23 实现文字闪烁效果 1.24 实现文字动画...
与其他类似的扩展名相反,在关闭抓取器窗口时,此扩展名对浏览器性能的影响为零。仅在打开采集卡窗口并且工具栏区域中有“ R”徽章通知时,才监视网络资源 ----请注意,Bulk Media Downloader对您下载的媒体内容概不...
-修正Form不能自适应浏览器大小的改变(feedback:kaywood)(WorkItem#6309)。 -增加重载方法Alert.Show(message, title, icon)(feedback:TheBox)(WorkItem#6353)。 -为容器控件(比如Panel,Region,Tab等)增加AJAX...
实例038 没有标题栏但可以改变大小的窗口 48 1.11 设置窗体位置 49 实例039 不可移动的窗体 49 实例040 设置窗体在屏幕中的位置 50 实例041 始终在最上面的窗体 51 1.12 设置窗体大小 52 实例042 限制...