javascript取文档高宽

最新推荐文章于 2025-08-21 23:22:44 发布
最新推荐文章于 2025-08-21 23:22:44 发布
阅读量397 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript 文档 浏览器 ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/mathewsking/article/details/4459139
本文介绍了在不同浏览器（IE6、IE8 和 Firefox）中通过 JavaScript 获取浏览器尺寸的方法，包括屏幕分辨率、可用区域尺寸及文档元素宽度等关键属性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

浏览器分辨率1280X1024

(*)代表可随浏览器大小而变动

javascript 在body前后都可以

                                                                                                                   IE6                        IE8              FIREFOX

window.screen.widthXHeight                                                        1280X1024      1280X1024      1280X1024     

windwo.screen.availWidthXavailHeight                                      1280X996         1280X996        1280X996

document.documentElement.offsetWidthXoffsetHeight           1280*X883*      1280*X843       1280*X0(body前)/1280*X58(body后)

 

body之后

document.body.clientWidthXclientHeight                                    1240*X43          1260*X41        1264*X42

document.body.scrollWidthXscrollHeight                                    同上                     同上                  同上

document.body.offsetWidthXoffsetHeight                                    同上                     同上                  同上

 

mathewsking
关注
js取得文档的高度和宽度
程序猿
06-30 7533
网页可见区域宽：document.body.clientWidth  网页可见区域高：document.body.clientHeight  网页可见区域宽：document.body.offsetWidth (包括边线的宽)  网页可见区域高：document.body.offsetHeight (包括边线的宽)  网页正文全文宽：document.body.scrollWidth 
js获取窗口高宽，js获取文档高宽，js获取屏幕高宽，js获取屏幕分辨率...
qingdi1的博客
12-07 436
js获取窗口高宽，js获取文档高宽，js获取屏幕高宽，js获取屏幕分辨率… 网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight (包括边线的高) 网页正文全文宽： document.body.scrollWidth 网页正文全文高： document.body.
JavaScript- Bootstrap介绍
Ahkydijd的博客
12-11 997
响应式与自适应的原理是相似的，都是检测设备，根据不同的设备采用不同的css，而且css都是采用的百分比的，而不是固定的宽度，不同点是响应式的模板在不同的设备上看上去是不一样的，会随着设备的改变而改变展示样式，而自适应不会，所有的设备看起来都是一套的模板，不过是长度或者图片变小了，不会根据设备采用不同的展示样式，流式就是采用了一些设置，当宽度大于多少时怎么展示，小于多少时怎么展示，而且展示的方式向水流一样，一部分一部分的加载，静态的就是采用固定宽度的了。
echarts文档解读
热门推荐
退役复学在校大学生，目光所至，皆为华夏
10-11 2万+
元素作为容器，这样绘制完图表可以直接将 canvas 作为图片应用到其它地方，例如在 WebGL 中作为贴图，这跟使用。如果容器是隐藏的，ECharts 可能会获取不到 DIV 的高宽导致初始化失败，这时候可以明确指定 DIV 的。开始支持SVG 格式的数据。可以是字符串，也可以是解析得到的 SVG DOM 对象。将地图中的部分区域缩放到合适的位置，可以使得整个地图的显示更加好看。可以是 JSON 字符串，也可以是解析得到的对象。解除图表实例的联动，如果只需要移除单个实例，可以将通过将该图表实例。
JavaScript如何获得浏览器的宽高
z13903931414的博客
01-07 605
属性获取浏览器窗口的宽度和高度，并将结果输出到控制台中。你可以将这个代码放在一个HTML文件中，并在浏览器中打开该文件，然后单击按钮来查看窗口的宽度和高度。属性来获取浏览器窗口的宽度和高度。在这个示例中，我们创建了一个按钮，当用户单击该按钮时，会触发。在JavaScript中，你可以使用。
【JS】jquery关于获取高宽的方法总结
qq_35724512的博客
10-23 114
alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin alert($(window).width()); /
JavaScript（二）
nabirt的博客
12-12 2716
WebAPIs — 关于DOM的学习笔记
javascript dom
qq_44811152的博客
09-19 63
javascript 中的一些dom操作
JavaScript基础功能总结
Satosere的博客
06-21 1732
JavaScript功能总结 文章目录JavaScript功能总结前言一、变量1.1 `声明变量`1.2 `变量赋值`1.3 `变量初始化`二、输入输出语句2.1 输入语句2.1.1 `prompt('输入框标题')` 浏览器弹出输入框, 返回输入内容2.1.2 `confirm('msg')` 显示一段内容以及确认按钮和取消按钮的对话框2.2 输出语句2.2.1 `alert('msg')` 浏览器弹出内容警示框2.2.2 `console.log('msg')` 浏览器控制台输出内容2.2.3 `
javascript firefox 自动加载iframe 自动调整高宽示例
10-26
在文档中，通过JavaScript创建了一个iframe元素，并且将其src属性设置为需要加载的网页URL，这样就可以实现在页面中动态地加载其他页面的功能。这里创建iframe的过程是动态的，即不直接在HTML中编写iframe标签，而是...
javascript实现简单的页面右下角提示信息框
10-23
文档展示了如何通过JavaScript对DOM进行操作，例如在body元素末尾添加一个DIV，这涉及到查找DOM元素、创建新元素、设置元素属性和插入到文档中的操作。 6. 事件绑定 通过使用jQuery的.bind()方法，将点击事件绑定到...
Js操作DOM元素及获取浏览器高宽的简单方法
11-22
首先，`document`对象是JavaScript与HTML文档交互的主要接口。`getElementById`方法是获取具有唯一ID的元素的常用方式，例如`document.getElementById('myElementId')`。`getElementsByTagName`则可以返回具有特定...
元素绝对定位以后设置了高宽,a标签不能点击的原因及解决方法
09-24
然而，这种做法可能在使用JavaScript拖动层等交互操作时出现bug，如光标闪烁等现象。因此，在使用这种特殊技巧时需要谨慎，并确保在不影响其他功能的前提下使用。 总结来说，当遇到绝对定位元素设置了高度和宽度...
JavaScript基础语法five
最新发布
2301_79744908的博客
08-21 256
本文介绍了JavaScript中对象的基本概念和使用方法。对象是一种无序的数据集合，由属性和方法组成，可以通过点语法或方括号访问属性。文章详细讲解了对象的增删改查操作、方法的定义与调用，以及使用for-in遍历对象的技巧。同时介绍了Math内置对象及其常用方法（如ceil、floor、round等），包括随机数生成公式和猜数字案例的实现。最后指出null属于object类型，并提供了生成N-M范围随机数的通用公式。
三十四、Vue3项目大屏之SCSS自适应适配屏幕方法
张先森的博客
08-19 360
其中 px2vw代表的是高度的适配，px2vh代表的是宽度的适配，我当时着急写反了，但是也可以用，px2vw(1) 大概有1px的大小，如果你先写好了px的标准的1920*1080的设计图，可以直接全局转换。哈喽，大家好，在上次第十五章给大家分享了大屏看板Less适配各种屏幕之后，发现大多数的css都是SCSS,那么今天给大家分享下SCSS的自适应屏幕的方法。底下是原先第十五张的less的适配方法。话不多说，直接上代码。
从入门到精通：Java设计模式——单例模式
m0_73590302的博客
08-21 717
本文先解析单例模式 “确保类仅一个实例、提供全局访问点” 的定义，及唯一性、自我实例化、全局访问三大特点，说明其节省资源、保数据一致性的作用。接着详解饿汉式、懒汉式（含线程安全与不安全）、双重检查锁、静态内部类、枚举 6 种实现方式，分析各方式代码、原理、优缺点，尤其聚焦懒汉式多线程安全问题与双重检查锁中 volatile 的作用。还介绍单例在日志记录器、配置管理器等场景的应用，对比优缺点，关联 Spring 框架中 Bean 的单例管理，最后总结要点并给出设计模式学习建议。
学习链接。
weixin_49035434的博客
08-18 515
hello 算法 0.2 如何使用本书 - Hello 算法代码随想录: 代码随想录被删的前端游乐场 被删的前端游乐场Github漫游指南 : Github ebookJaveScript源码: https://github.com/v8/v8/blob/ad82a40509c5b5b4680d4299c8f08d6c6d31af3c/src/js/array.js世峰的刷题网站: labuladong 的算法笔记 | labuladong 的算法笔记编程导航: 编程导航 - 程序员一站式编程学习交流社
Layui COP证书管理系统
bemyrunningdog
08-18 450
本文介绍了一个基于Layui和SpringBoot的COP证书管理系统的完整实现方案。系统采用前后端分离架构，前端使用Layui2.8.3框架实现响应式界面，后端基于SpringBoot3.1.0和Java17开发，MySQL8.0作为数据库存储。系统实现了证书全生命周期管理（草稿、已提交、审核中、已签发、已拒绝五种状态），包含证书增删改查、批量操作、操作日志记录等核心功能。技术实现上，后端采用RESTful API设计，通过MyBatis操作数据库，前端使用Layui表格和表单组件实现数据展示和交互。系统
【tips】unsafe-eval线上页面突然空白
Dorcas_FE的博客
08-18 261
页面因违反CSP策略的unsafe-eval限制而无法展示，原因是后端安全升级后原CSP策略仅允许script-src 'self' 'unsafe-inline'，
iframe标签高宽自适应
02-21
此脚本会尝试读取 iframe 中的内容文档的高度，并据此更新 iframe 的样式属性来匹配实际所需的空间[^1]。 另外一种情况是希望维持特定的比例关系（例如常见的 16:9），这时可以在父级容器中应用 padding-top 技巧...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值