Javascript、Jquery获取浏览器和屏幕各种高度宽度
Javascript:alert(document.body.clientWidth); //网页可见区域宽(body) alert(document.body.clientHeight); //网页可见区域高(body) alert(document.body.offsetWidth); //网页可见区域宽(body),包括border、margin等 alert(document.body.offsetHeight); //网页可见区域宽(body),包括border、margin等 alert(document.body.scrollWidth); //网页正文全文宽,包括有滚动条时的未见区域 alert(document.body.scrollHeight); //网页正文全文高,包括有滚动条时的未见区域 alert(document.body.scrollTop); //网页被卷去的Top(滚动条) alert(document.body.scrollLeft); //网页被卷去的Left(滚动条) alert(window.screenTop); //浏览器距离Top alert(window.screenLeft); //浏览器距离Left alert(window.screen.height); //屏幕分辨率的高 alert(window.screen.width); //屏幕分辨率的宽 alert(window.screen.availHeight); //屏幕可用工作区的高 alert(window.screen.availWidth); //屏幕可用工作区的宽 Jqueryalert($(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
1 <!DOCTYPE html>2 <script src="jquery-1.5.1.min.js" type="text/javascript"></script>3 <html>4 <head>5 <title>aaa</title>6 </head>7 <body>8 <h1>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa9 aaaaaaaaaaaaaaaaaa</h1> 10 <p>Welcome to aaa</p> 11 <h1>aaa</h1> 12 <h1>aaa</h1> 13 <h1>aaa</h1> 14 <h1>aaa</h1> 15 <h1>aaa</h1> 16 <h1>aaa</h1> 17 <h1>aaa</h1> 18 <h1>aaa</h1> 19 <h1>aaa</h1> 20 <h1>aaa</h1> 21 <h1>aaa</h1> 22 <h1>aaa</h1> 23 <h1>aaa</h1> 24 </body> 25 </html> 26 27 <script type="text/javascript"> 28 alert(document.body.clientWidth); 29 alert(document.body.clientHeight); 30 alert(document.body.offsetWidth); 31 alert(document.body.offsetHeight); 32 33 alert(document.body.scrollWidth); 34 alert(document.body.scrollHeight); 35 36 alert(document.body.scrollTop); 37 alert(document.body.scrollLeft); 38 alert(window.screenTop); 39 alert(window.screenLeft); 40 alert(window.screen.height); 41 alert(window.screen.width); 42 alert(window.screen.availHeight); 43 alert(window.screen.availWidth); 44 45 //alert($(document).height()); 46 //alert($(document).width()); 47 </script>
转载于:https://www.cnblogs.com/qigege/p/5001340.html
Javascript、Jquery获取浏览器和屏幕各种高度宽度相关推荐
- Javascript、Jquery获取浏览器和屏幕各种高度宽度[mark]
Javascript: IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高 ...
- 获取浏览器和屏幕各种高度宽度
原生JS document.body.clientWidth; //网页可见区域宽(body)document.body.clientHeight; //网页可见区域高(body)document.b ...
- JQuery获取当前屏幕的高度宽度
JQuery获取浏览器窗口宽高,文档宽高 2010-01-20 08:59 <script type="text/javascript"> $(document).re ...
- JS 获取浏览器、显示器 窗体等宽度和高度
转载自 JS 获取浏览器.显示器 窗体等宽度和高度 网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见 ...
- php 判断百度浏览器版本,jquery获取浏览器类型和版本号的方法
分享一个通过jquery获取浏览器类型和浏览器版本号的函数方法.具体jquery代码如下: $(document).ready(function(){ varbrow=$.browser; varbI ...
- [js] 获取浏览器当前页面的滚动条高度的兼容写法
[js] 获取浏览器当前页面的滚动条高度的兼容写法 document.documentElement.scrollTop || document.body.scrollTop; 个人简介 我是歌谣,欢 ...
- javascript/jquery获取地址栏url参数的方法
本篇文章主要是对javascript/jquery获取地址栏url参数的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助. 使用jquery获取url以及使用jquery获取url参数是我 ...
- js和jQuery获取浏览器窗口的高度、宽度的方法详解
有三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条). 对于Internet Explorer.Chrome.Firefox.Opera 以及 Safari: window.inn ...
- jq获取页面高度_通过 jQuery 获取浏览器窗口高度问题
我曾经在使用jQuery一些东西的时候碰到了这样一些奇怪的问题.例如,我尝试着用 jQuery 的 $(window).height() 来获取浏览器窗口高度,就遇到了问题. 理论上,$(window ...
最新文章
- 解决事件多次绑定,执行多次问题
- 西卡 你要浮出水面啦
- Spark 分布式调试工具
- net.sf.json在处理json对象转换为普通java实体对象时的问题和解决方案
- 异步编程的 async/await
- 字符级Seq2Seq-英语粤语翻译的简单实现
- 从冷战到深度学习,一文看懂机器翻译发展史
- hdu 2993 MAX Average Problem 斜率优化DP
- 记一次MySQL中Waiting for table metadata lock的解决方法
- 视觉培训4 完成手写识别项目
- 51单片机c语言算法大全,C语言实现51单片机中的PID算法
- 2023年天津天狮学院专升本专业课考试延期的通知
- mysql 时间 本周 本月_MySQL日期查询:本周、本月、本季、本年
- 其实也有缺点,比如一个很短的词恰恰在结尾,也会被截断
- 基于三周加速度传感器的计步器设计
- 阿里云短视频SDK for iOS —— (一)集成与基础拍摄
- Excel合并计算和分类汇总
- 朴素贝叶斯详解及中文舆情分析(附代码实践)
- matlab fir1 filter,Matlab滤波器设计
- spring boot + rabbitMq整合之死信队列(DL)
热门文章
- Disconnected from the target VM, address:xxxx 或者 Process finished with exit code 1 终极解决办法 idea
- java 指向同一地址,Sring a和String b的值相同,是不是指向同一个地址呢
- ggplot2 | 使用小提琴图+箱形图+抖动图展示数据分布情况
- gps频率范围_以GPS为例讲解射频接收阻抗匹配的过程
- 金融数据分析与挖掘实战练习2.10
- 2021年,Web前端还好找工作吗?
- javascript怎么清除CSS样式?
- A - 数据结构实验之栈与队列一:进制转换
- 计算机无法共享磁盘分区,win7系统下怎么创建虚拟磁盘分区以达到网络共享的目的...
- plc tcp ip通讯怎么只能连一个客户端_一款Ethernet/IP和Modbus TCP转OPC UA产品