js获取屏幕的宽度和高度 js获取页面高度和宽度
晚秋
js获取屏幕的宽度和高度 js获取页面高度和宽度
1、经常发现在写JavaScript的时候，都需要用到网页、浏览器或屏幕的高度和宽度来解决布局定位的问题，时常前用后忘，要不就是在网上search，干脆自己总结一下，这样也方便再次使用，省时省力。
2、网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth(包括边线的宽)网页可见区域高：document.body.offsetHeight(包括边线的宽)网页正文全文宽：含悔document.body.scrollWidth（带滚动条宽）网页正文全文高：document.body.scrollHeight（带滚动条高）网页被卷去的高：document.body.scrollTop网页被卷去的左：document.body.scrollLeft网页正文部分上：window.screenTop网页正文部分左：window.screenLeft屏幕分辨率的高：window.screen.height屏幕分辨率的宽：window.screen.width屏幕可用工作区高度：window.screen.availHeight屏幕可用工作区宽度：window.screen.availWidthHTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidthscrollHeight:获取对象的滚动高度。
3、scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标offsetParent属性指定的父坐标的高度offsetLeft:获取对象相对于版面或由offsetParent属性指定的父坐标的计算左侧位置offsetTop:获取对象相对于版面或由offsetTop属性指定的父坐标的计算顶端位置event.clientX相对文档的水平座标event.clientY相对文档的戚老姿垂直座标event.offsetX相对容器的水平坐标event.offsetY相对容器的垂直坐标document.documentElement.scrollTop垂直方向滚动的值event.clientX+document.documentElement.scrollTop相对文档的水平座标+垂直方向滚动的量IE，FireFox差异如下：IE6.0、FF1.06+：复制代码代码如下:clientWidth=width+paddingclientHeight=height+paddingoffsetWidth=width+padding+borderoffsetHeight=height+padding+borderIE5.0/5.5：复制代码代码如下:clientWidth=width-borderclientHeight=height-borderoffsetWidth=widthoffsetHeight=height总结：关于高度和宽度的东西到是挺多的，具体的有高绝些自己也没有弄懂，通过自己试验了一下，有些得出的值是一样，所以很让人迷惑，只能视情况而定了。
如兰似心2024-05-08 15:45:30
相关推荐
-
此情不枉成追忆1、我们可以不美丽，但我们健康，我们可以不伟大，但我们庄严，我们可以不成功，但我们努力，我们可以不聪明，但我们勤学；2、微笑是一曲动人的音乐，微笑是一首优美的诗歌，微笑是一双温暖的援手；3、心灵是一方广袤的天空...
-
漫步梅园电瓶充电器的风扇不转了不能用了，电瓶器风扇不转不散热会烧坏充电器。需要检查一下能否修复，不能修复就换风扇或充电器。热风扇不转故障原困主要是控制风扇的三极管损坏或者风扇本身损坏或风叶被杂物卡住。电瓶充电器一般采用...
-
凌鼎圣风做法：1、将面粉拌松，加入适量的温水大约40摄氏度一下，用手反复糅合成柔软、均匀面团。2、将面团盖蒸笼布放置1个半到2个小时，可用手按下去，若面团富有弹性即可。3、将面团擀成片后，加入包子馅，包成形。4、使用蒸...
-
花开无声刚买回的牛肉保存方法：1、刚买回的牛肉用浸过醋的湿布包起来，可保鲜一昼夜不变质。2、把调好的芥末面和牛肉放在一个盘子里，然后将肉放在一个密封的容器里，可存整日，肉不变质。3、将牛肉放入高压锅内，上火蒸至排气孔冒...
-
气可鼓不可泄1、室内外机铜管连接细节：如何将室内外铜管连接起来呢，先将连接了室内机的铜管线穿过空调孔伸到墙外。在穿孔的时候，弯曲铜管的时候要小心保护，同时铜管堵头不要取下，避免穿墙时灰尘落入；连接室外机的时候，拧开铜管截止...
精选推荐更多>
-
暗似黛绿ch是声母。声母：b、p、m、f、d、t、n、l、g、k、h、j、q、x、zh、ch、sh、r、c、s、y、w。韵母：a、o、e、i、u、ü、ai、ei、ui、ao、ou、iu、ie、üe、r、an、en、in、un、ün、ang、eng、ing、ong。韵母是一个中国汉语音韵学术语，汉语字音中声母、字调以外的部分。旧称为韵。韵母由韵头（介音）、韵腹（主要元音）、韵尾三部分组成。按韵母结构可分为单韵母、复韵母、鼻韵母。汉语字音中声母、字调以外的部分。旧称为韵。韵母又可以分成韵头(介音)、韵腹(主要元音)、韵尾三部分。如“娘”niáng的韵母是iang，其中i是韵头，α是韵腹，ng是韵尾。每个韵母一定有韵腹，韵头和韵尾则可有可无。
-
几曾回眸“戴”的偏旁是戈，指顶在头上，泛指把东西放在头、面、颈、手等处；也引申为“尊崇、爱戴”；还有“竖立”；“正对”等意思。出处：1、《左传·僖公十五年》：“君履后土而戴皇天。”2、《舒州被召试不赴偶书》：“戴盆难与望天兼。”3、《东京赋》：“戴金钲而建黄钺。”造句：1、我们的老校长受到了全校师生的衷心爱戴。2、李老师待人和善，虚怀若谷，深受学生爱戴。3、他为人民做了好事，人民爱戴他是理所当然的。4、他无私无畏，一身正气，深受人民的爱戴。5、张老师是一位深受同学爱戴的老教师。6、从小到大，对您的感情永远是敬仰与爱戴。7、这些劳苦功高的老师们，深受广大人民群众的爱戴。
-
苍景流年关于鲁迅的对联有：1、上联：一生反封帝。下联：至死不宽容。2、上联：一生不曾屈服。下联：临死还要斗争。3、上联：平生功业尤拉化。下联：旷代文章数阿Q。4、上联：返国空余挂墓剑。下联：斫泥难觅运风斤。5、上联：一代高文树新帜。下联：千秋孤痛托遗言。6、上联：侠骨柔肠，横眉俯首。下联：胸中海岳，笔底风雷。7、上联：救亡阵线中，失一重镇。下联：学术思想界，见此完人。8、上联：呐喊如狂人，为国为己。下联：华盖育彷徨，导民中流。9、上联：笔耕大野，胸怀日月光和热。下联：墨洒长河，夜度春秋慨而慷。
-
桃花旗袍“一个人自愈”意思是独自一个人治愈内心伤痛，没有人帮助。比喻什么事情都一个人，体现了生活的无助和无可奈何，不管经历多少风雨都要抬头挺胸站起来，不被困难打倒。出自现代短语。一个：1、表数量。单个。用于人和各种事物。如：一个地方。2、整个。如：他今天一个上午都没歇过。3、用在动词和补语之间，表示程度。如：吃了一个饱。人：1、某人，某种人，某些人。出自《孟子·滕文公上》：“劳心者治人，劳力者治于人。”2、人才，杰出人物。出自《左传·文公十三年》：“子无谓秦无人。”3、能制造和使用工具进行劳动并能使用语言的高等动物。出自《说文》：“人，天地之性最贵者也。”自愈：疾病不经治疗而自行痊愈。如：因为落枕是急性起病，仅为单纯性肌肉痉挛，本身有自愈的趋向。
