浏览器页面区域大小的js获取方法
admin
2023-01-20 21:23:08
0

浏览器页面区域大小的获取:
代码如下:

//在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的标准在作怪啊
//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高)

http://www.unitymanual.com unity3d
http://www.unitymanual.com/forum.php unity3d论坛
http://www.unitymanual.com/forum76.html unity3d游戏
http://www.unitymanual.com/forum36.html unity3d教程
http://www.unitymanual.com/topic/index.html unity3d专题
http://www.unitymanual.com/forum-news-1.html unity3d资讯
http://www.unitymanual.com/forum-openclass-1.html unity3d培训课
http://www.unitymanual.com/sitemap.xml

相关内容

热门资讯

失控的监护“外包”:孩子被送特... 从封闭式特训机构出来三个月后,李雨有时仍感觉自己还在里面。她忍不住看相关新闻。她看到报道中,一名21...
一举创下3项世界纪录,中国自主... 【环球时报报道 记者 郭媛丹】21日上午,中船集团旗下中船澄西船舶修造有限公司为力拓集团建造的自主研...
试图把国内矛盾外引?专家解析菲... 【环球时报报道 记者 樊巍】21日上午,外交部边海司负责人就菲律宾在仁爱礁蓄意挑衅、袭击中国海警执法...
特朗普宣布两年后对仿制药征收1... △美国总统特朗普(资料图)当地时间7月21日,美国总统特朗普在社交媒体发文表示,自2026年8月1日...
美国贸易代表暗示将很快出台新关... 新华社纽约7月21日电(记者刘亚南) 美国贸易代表贾米森·格里尔21日在接受媒体采访时暗示,美国联邦...
中国空调“一机难求”,人民日报... 中国空调“一机难求”,创意产品持续热销,本报记者实地探访——消暑降温,欧洲民众为何追捧中国制造?(第...
美防长:对伊朗战争已耗资375... △美国国防部长赫格塞思(资料图)央视记者当地时间21日获悉,美国国防部长赫格塞思表示,美国对伊朗战争...
在全国抗议声中,泽连斯基解除乌... 据乌克兰媒体《基辅独立报》报道,乌克兰总统泽连斯基解除了乌克兰武装部队总司令瑟尔斯基的职务,并任命联...
也门胡塞武装:停靠沙特港口船只... 新华社科威特城7月21日电(记者尹炣)萨那消息:也门胡塞武装20日警告国际航运公司称,与沙特港口开展...
特朗普:胡塞武装若封锁红海,美... 新华社华盛顿7月21日电(记者黄强 徐剑梅)美国总统特朗普21日在白宫会见到访的黎巴嫩总统奥恩时表示...