js获取 jquery获取页面shu

在jquery中可以使用下面的方法
  获取浏览器显示区域的高度 : $(window).height();
  获取浏览器显示区域的宽度 :$(window).width();
  获取页面的文档高度 :$(document).height();
  获取页面的文档宽度 :$(document).width();
  获取滚动条到顶部的垂直高度 :$(document).scrollTop();
  获取滚动条到左边的垂直宽度 :$(document).scrollLeft();

  使用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
 
 
 
网页宽度大于浏览器宽度时出现横向滚动条。 希望,能够在打开浏览器时网页居中显示,而不是靠左。 
  1. if($(document).width() > $(window).width()){  
  2.     var w = ($(document).width() - $(window).width() ) / 2;  
  3.     $(document).scrollLeft(w);//设置为居中  
  1. alert($(window).height()); //浏览器时下窗口可视区域高度     
  2. alert($(document).height()); //浏览器时下窗口文档的高度     
  3. alert($(document.body).height());//浏览器时下窗口文档body的高度     
  4. alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin  
  5.   
  6. alert($(window).width()); //浏览器时下窗口可视区域宽度     
  7. alert($(document).width());//浏览器时下窗口文档对于象宽度     
  8. alert($(document.body).width());//浏览器时下窗口文档body的高度     
  9. alert($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding margin  
  10.   
  11. alert($(document).scrollTop()); //获取滚动条到顶部的垂直高度     
  12. alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度  

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/553432.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

调节Win7系统任务栏预览窗口大小的方法

Win7系统任务栏预览窗口可以方便我们查看每一个任务栏任务的大致内容,可以大大提高我们的工作效率,但是有很多用户感觉这个预览窗口的大小不是很适合自己,那么Win7系统任务栏预览窗口怎么调节大小呢?就此问题,下面小编分享调节Wi…

myeclipse不是eclipse,servlet 报错 HttpServlet cannot be resolved to a type

如果还是想洁净一下的小伙伴还是请自己引用一下自己tomcat 的servlet 吧

腾讯视频怎么开启运营商网络自动播放

1、打开手机,点击【腾讯视频APP】; 腾讯视频怎么开启运营商网络自动播放 2、进入腾讯视频,点击右下角的【头像标志】; 腾讯视频怎么开启运营商网络自动播放 3、进入腾讯视频菜单,点击底部的【设置】; 腾讯视频怎么开启运营商网络自动播放…

Java,AXIS,webService 调用 完整实例 xml 入参出参

* param model* return*/ResponseBodyRequestMapping(value "getDbPatientInfo" )public String listForGds(String message) {message "<?xml version\"1.0\" encoding\"UTF-8\"?standalone\"yes\"?>" "&l…

傲游浏览器怎么更换皮肤 浏览器皮肤更换方法简述

再好看的浏览器皮肤&#xff0c;看得久了也会让人感觉无味。而在这个时候&#xff0c;不少人都会选择换种皮肤、换个心情!那么&#xff0c;傲游浏览器要怎么更换皮肤呢?下面小编就来简单介绍一下傲游浏览器皮肤更换的方法&#xff0c;不清楚具体方法的朋友可以收藏学习一下。 …

Win11没有休眠模式怎么办 Win11没有休眠模式解决方法

很多用户应该已经更新使用上win11新系统了吧&#xff0c;但是有用户发现点击电源菜单中没有休眠按钮&#xff0c;这该怎么办?其实解决方法很简单&#xff0c;在电源设置中打开休眠&#xff0c;就可以重新显示了。下面我们一起来看看详细的解决教程吧。 win11没有休眠模式怎么…

autocomplete

input框 自古有autocomplete"off" 今有 autocomplete"new-password" 终极方法,防止浏览器自动填充内容

Win11锁屏快捷键是什么 Win11锁屏的方法

在办公的时候&#xff0c;想要短暂离开一会电脑&#xff0c;但是又不想被别人看见自己的电脑内容&#xff0c;就可以使电脑进入锁屏状态。但是如果等待电脑自动进入锁屏状态需要等上一段时间&#xff0c;那就可以使用锁屏快捷键来帮助电脑快速锁屏。下面我们就一起来看看win11如…

权限

身份验证”和“授权”(或“访问控制”) "authentication" and "authorization" (or "access-control")

新萝卜家园windows11 64位官网正版系统v2021.07

新萝卜家园windows11 64位官网正版系统v2021.07是一款最新的win11旗舰版系统&#xff0c;相对于win10使用更流畅更高效&#xff0c;它完美的继承了上个版本的优点并为了家庭用户服务做出了许多相关优化&#xff0c;操作更人性化更容易上手且系统运行及其稳定。感兴趣的朋友们赶…

spring Boot报错 之五种(不打包运行)

Whitelabel Error Page This application has no explicit mapping for /error, so you are seeing this as a fallback. Fri Aug 18 13:01:46 CST 2017There was an unexpected error (typeNot Found, status404).No message available其一: 之前百度,google,必应,都TM 不好…

番茄花园win11 32位官方纯净版镜像v2021.07

番茄花园win11 32位官方纯净版镜像v2021.07是一款全新的电脑系统&#xff0c;用户可以轻松感受到微软在新版本系统方面的强大性。无论开机菜单的实用性还是桌面的简洁性都给用户带来了全新的感受。系统自带多种类型的装机工具&#xff0c;可以让你的系统更加符合你的需求&#…

spring boot打包问题,访问问题

用eclipse 打jar包 或者war 会报错(换maven-surefire-plugin: 其他版本一样报错 ) 总结所有的可能性 [ERROR] Failed to execute goal org.apache.maven.plugins:maven-surefire-plugin:2.3:test (default-test) on project jxBoot: Execution default-test of goal org.apach…

win7系统临时文件夹的打开方法

当我们在操作win7系统电脑或者浏览网页的时候&#xff0c;都会产生一些垃圾存放在临时文件夹里面&#xff0c;如果临时文件夹越大就会占用系统盘空间&#xff0c;从而影响系统运行速度&#xff0c;所以对临时文件夹进行清理是很有必要的&#xff0c;但是很多人并不知道win7临时…

腾讯视频积分兑换会员怎么用

1、第一步进去腾讯视频个人中心&#xff0c;点击VIP会员 腾讯视频积分兑换会员怎么用 2、第二步进去VIP会员之后&#xff0c;点击积分商城旁边的更多 腾讯视频积分兑换会员怎么用 3、第三步在积分商城界面&#xff0c;点击全部商品 腾讯视频积分兑换会员怎么用 4、第四步…

输入过滤筛选下拉信息(类似百度输入)

引入 jquery css <style type"text/css">.search{ left: 0; display: inline;position: relative; } #auto_div{ display: none; width: 196px; border: 1px #74c0f9 solid; background: #FFF; position: absolute; top: 25px; left: 0; color: #…

QQ浏览器如何查看版本号 QQ浏览器电脑版版本号查看方法简述

在使用QQ浏览器的过程中&#xff0c;偶尔会需要对当前浏览器的版本号进行查看。那么&#xff0c;QQ浏览器该如何查看版本号呢?下面小编就来简单介绍一下QQ浏览器电脑版版本号的查看方法&#xff0c;不清楚具体操作的朋友还不赶紧收藏一下。 方法步骤 打开QQ浏览器; QQ浏览器…

Win11如何清理D盘垃圾

1、首先进入桌面的此电脑&#xff0c;然后右击你的d盘。 Win11如何清理D盘垃圾&#xff1f;Win11清理D盘垃圾详细教程 2、然后点击菜单中的“属性”设置。 Win11如何清理D盘垃圾&#xff1f;Win11清理D盘垃圾详细教程 3、之后你可以看到常规工具下面的“磁盘清理”功能。 …

list排序(Collections.sort())

Collections.sort(userList, new Comparator<User>() {Overridepublic int compare(User o1,User o2) {return o2.getId().compareTo(o1.getId());}}); 对list进行排序 List userList new ArrayList<User>();