获取web页面的宽度和高度
Javascript:
网页可见区域宽: 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.availWidth
JQuery:
$(document).ready(function(){
alert($(window).height()); //浏览器当前窗口可视区域高度
alert($(document).height()); //浏览器当前窗口文档的高度
alert($(document.body).height());//浏览器当前窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
alert($(window).width()); //浏览器当前窗口可视区域宽度
alert($(document).width());//浏览器当前窗口文档对象宽度
alert($(document.body).width());//浏览器当前窗口文档body的宽度
alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
})
获取web页面的宽度和高度相关推荐
- JS获取各种屏幕的宽度和高度
JS获取各种屏幕的宽度和高度 描述 用法 网页可见区域宽 document.body.clientWidth 网页可见区域高 document.body.clientHeight 网页可见区域宽 do ...
- php 图片获得大小,PHP获取一张图片的宽度和高度大小 并裁切图片
时间:2018-11-04 概述:图片剪切 这个PHP技巧主要测试PHP对图片的处理能力,打开一张图片,并获取这张图片的宽度和高度是多少,另外尝试将一张图片裁切: $sourceImage = &qu ...
- javascript获取屏幕的可用宽度和高度
说明 获取屏幕的可用宽度和高度 示例 <!DOCTYPE html> <html> <head><meta charset="utf-8" ...
- Android在OnCreate中获取控件的宽度和高度
在Android中,有时需要对控件进行测量,得到的控件宽度和高度可以用来做一些计算.在需要自适应屏幕的情况下,这种计算就显得特别重要.另一方便,由于需求的原因,希望一进入界面后,就能得到控件的宽度和高 ...
- 获取自定义组件的宽度和高度
在获取wpf自定义组件的宽度和高度的时候,如果直接在InitializeComponent();后面用this.Width,和this.ActualWidth会得到Nan和0,因为组件还没有被计算大小 ...
- html页面宽度和高度,页面布局宽度和高度 网页设计合适的页面尺寸是多少
首先打开一篇文档,在功能区选择"布局". 在布局的页面设置功能区,点击页面设置右下角的小按钮打开详细设置.页面设置里面有设置纸张大小的快捷设置,但是功能不全. word页面高度和宽 ...
- js 获取浏览器屏幕的宽度和高度
分两种: 不包括滚动条和工具栏的宽度或高度: window.innerWidth; // 宽window.innerHeight; // 高 就是红框内的部分: 包括滚动条和工具栏的宽度或高度: wi ...
- js获取屏幕、浏览器、页面的宽度和高度
介绍 容器的尺寸是指当前分辨率下的高度和宽度(分辨率不同,值就不相同) 屏幕信息 screen.height:屏幕高度 screen.availHeight:屏幕可用宽度 screen.height ...
- JS,Jquery获取各种屏幕的宽度和高度
Javascript: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document ...
最新文章
- android 防止截屏录屏
- numpy python2_python-numpy(2)
- 简单配置基于桥接,RIP,NAT,PAT的网络拓扑
- java多线程w3c_多线程
- python中的glob 模块学习文件路径查找
- 史上最全:PostgreSQL DBA常用SQL查询语句(建议收藏学习)
- 必背42个单词_高中英语必背100个常考单词,考试必考
- VMware虚拟机启动后出现黑屏,挂起关机无响应解决方案
- ubuntu安装libjasper.so.1,libpng12.so.0
- PythonServer
- GO、Rust这些新一代高并发编程语言为何都极其讨厌共享内存?
- cad转图片格式后不清晰怎么办?三步即可解决
- unity3d之角色的移动篇 -- 俯视视角下的键盘移动番外篇
- linux 拒绝访问文件夹,文件夹拒绝访问的原因与解决办法
- 【编程不良人】SpringSecurity实战学习笔记04---RememberMe
- 卸载了瑞星防火墙 感觉真是爽
- 聚焦应用场景,OriginOS全面焕新用户体验
- 为什么c语言加法错误,分数的加减法——C语言初学者代码中的常见错误与瑕疵(12)...
- 【剑指offer】解题思路 53-68
- 初始化交换文件的指令linux,思科nexus虚拟交换之开机初始化配置(Nexus7K、Nexus5K等)...
热门文章
- 使用umi快速搭建项目以及如何在umi中使用dva进行状态管理
- SpringMVC笔记-尚硅谷(杨博超)
- 敏捷迭代管理 --提测管理
- 【Linux_SVN忽略文件提交——已经存在仓库里面的文件夹怎么忽略提交】
- C#在VS中利用VisionPro库读取相机列表及取像
- Google Earth Engine(GEE)——月度降水和ndvi植被覆盖度相关性分析(墨西哥为例)
- 如何用计算机得出十三分之一,单片机原理及应用期末考试题试卷大全
- 阿里巴巴2020年研发实习生在线笔试题目
- 【专题1: MCU详解】 之 【1.3.嵌入式存储介质和启动详解】
- 利用opencv识别路标