在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);//设置为居中
  4. }

  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. alert($(window).width()); //浏览器时下窗口可视区域宽度
  6. alert($(document).width());//浏览器时下窗口文档对于象宽度
  7. alert($(document.body).width());//浏览器时下窗口文档body的高度
  8. alert($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding margin
  9. alert($(document).scrollTop()); //获取滚动条到顶部的垂直高度
  10. alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度
												

js获取 jquery获取页面shu相关推荐

  1. js与jquery获取子节点、父节点、兄弟节点的方法

    js与jquery获取子节点.父节点.兄弟节点的方法 在写代码时,时不时会遇到获取子节点.父节点等需要,但有的时候总是弄混淆不是很清晰,所以针对这些问题,总结了jquery与js获取节点的方法 js方 ...

  2. 如何通过js获取html文本框中的值,js与jquery获取input输入框中的值实例讲解

    如何用javascript获取input输入框中的值,js/jq通过name.id.class获取input输入框中的value 先准备一段 HTML 一.jquery获取input文本框中的值 通过 ...

  3. jquery获取html页面参数乱码,JS或Jquery获取浏览器URL的参数值 汉字值乱码 并转码...

    1.获取url很简单,代码如下:window.location.href; 2.jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多么重要的事情 首先看看单纯的通 ...

  4. js和jQuery获取浏览器窗口的高度、宽度的方法详解

    有三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条). 对于Internet Explorer.Chrome.Firefox.Opera 以及 Safari: window.inn ...

  5. JS和Jquery获取和修改label的值

    获取值: label标签在JS和Jquery中使用不能像其他标签一样用value获取它的值: var label=document.getElementById("id"); va ...

  6. js和jquery获取父级元素、子级元素、兄弟元素的方法

    先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比 JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素 原生的JS ...

  7. 原生js或者jquery获取父级元素/同级元素/下级元素

    1.js获取 var s= document.getElementByIdx_x("test"); var chils= s.childNodes;  //得到s的全部子节点 va ...

  8. js,jquery获取页面元素距离浏览器工作区顶端的距离

    先介绍几个属性:(暂时只测了IE和firefox,实际上我工作中用到的最多的是chrome)  网页被卷起来的高度/宽度(即浏览器滚动条滚动后隐藏的页面内容高度) (javascript)       ...

  9. js和jquery获取父级元素、子级元素、兄弟元素的方法{转}

    先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比 JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当成DOM元素 原生的JS ...

最新文章

  1. Oracle基础 动态SQL语句
  2. 「MICCAI 2016」Reading Note
  3. 常用javascript函数
  4. 微信浏览器禁止页面下拉查看网址
  5. 基于ubuntu18.04LTS SERVER版的基础系统安装过程
  6. 智能手环功能模块设计_可能是目前最好用的智能手环,国产芯加持,颜值与实力并存...
  7. Css学习总结(5)——CSS常见布局方式
  8. HTTP协议与HTTPS的区别
  9. vivado和modelsim联合仿真实现偶分频
  10. wpf 如何实现窗口浮动_如何实现工作表数据与UserForm窗口的交互,显示第一条记录...
  11. 全媒体平台可以适度超前
  12. 函数:计算字符串中大写字母的个数
  13. 解决Ubuntu16.04 wineQQ和wps office 不能输入中文的问题
  14. “销售方法”一个让大多数人撑握不正确的问题!
  15. LIS的O(nLogN)算法
  16. Linux Shell 编程语法
  17. 会话空闲时间已超过限度
  18. java作业 实现模拟保皇开始的发牌环节
  19. JAVA中phrase居左_mymail iText中用文本块(chunk)、短语(Phrase)和段 联合开发网 - pudn.com...
  20. UI设计师如何寻找设计灵感来源?

热门文章

  1. excel图表交互联动_深入讲解EasyShu图表与引用数据动态联动功能
  2. kafka java获取topic_通过编程方式获取Kafka中Topic的Metadata信息
  3. [转载] 【python魔术方法】迭代器(__iter__和__next__)
  4. c语言100位整数变量声明_C ++程序动态声明一个整数变量并打印其内存地址
  5. bca ac如何联合索引_BCA的完整形式是什么?
  6. python 发送邮件connect none_使用python向IP地址发送邮件
  7. 移除元素所有事件监听_DOM 事件模型或 DOM 事件机制
  8. python的六个类型_介绍Python中6个序列的内置类型
  9. LINQ能不能用系列(一)LINQ to Object 效率比对
  10. Android实现点击两次返回键退出