网页可见区域宽: 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
获取浏览器显示区域的高度 : $(window).height();
获取浏览器显示区域的宽度 :$(window).width();
获取页面的文档高度 :$(document).height();
获取页面的文档宽度 :$(document).width();
获取滚动条到顶部的垂直高度 :$(document).scrollTop();
获取滚动条到左边的垂直宽度 :$(document).scrollLeft();
计算元素位置和偏移量
offset方法是一个很有用的方法,它返回包装集中第一个元素的偏移信息。默认情况下是相对body的偏移信息。结果包含 top和left两个属性。
offset(options, results)
options.relativeTo 指定相对计 算偏移位置的祖先元素。这个元素应该是relative或absolute定位。省略则相对body。
options.scroll 是否把 滚动条计算在内,默认TRUE
options.padding 是否把padding计算在内,默认false
options.margin 是否把margin计算在内,默认true
options.border 是否把边框计算在内,默认true
分享到:
相关推荐
下面小编就为大家带来一篇jQuery javascript获得网页的高度与宽度的实现代码。小编觉得挺不错的,现在分享给大家,也给大家做个参考
主要介绍了javascript原生和jquery库实现iframe自适应内容高度和宽度,需要的朋友可以参考下
jQuery自适应宽度跟高度相册代码.zip
完整代码: 代码如下: <!DOCTYPE html PUBLIC “-//W3C...<... <head>...jquery动态改变div宽度和高度</title> <script type=”text/javascript” src=”http://keleyi.com/keleyi/pmedia/jquery/jquer
结合jQuery插件Easing Plugin,可增强javascript图片放大和缩小过程中图片显示的效果。 一,自定义预加载提示图片 $('#biuuu a').flyout({loadingSrc:'thumb-loading.gif',outEase:'easeInCirc',inEase:'...
超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...
用jquery实现iframe高度自适应实例代码完美兼容多数浏览器
<script type="text/javascript" src="/jquery/jquery.js"> <script type="text/javascript"> $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); <p>If you click on me, I ...
jquery qrcode 二维码 例: < DOCTYPE html> <html> <head> <meta charset "utf 8" > < js引用包 > <script src " jquery min js">< script> ...
JSSimpleGallery Javascript jQuery 简单... *在脚本文件中,您可以通过全局变量 WIDTH、HEIGHT 和 SIZE_RATIO 更改图像的宽度、高度和放大比例。 值以像素为单位。 创建者:Sebastian Koltun,复制此内容时离开此行
要全屏,给父级、body、html、高度设置为100%,自己的宽度也100%,还要给html、body设置溢出隐藏 html,body{ height:100%; /* 实现全屏 */ overflow: hidden; } .wrap{ position: relative; top: 0; left: 0...
一款功能强大的滚动条插件jQuery slimScroll,不仅可以定义高度、宽度,还可以定义位置、滚动条大小、 尺寸、颜色以及众多参数自定义,非常不错,推荐大家使用
Jquery 全屏插件这是一个简单的 jQuery 插件,它通过更改其高度和宽度将任何 HTML 元素设置为全屏。 它不会像其他 Layover 那样再次重新创建元素,Modalbox 会这样做。用法: $ ( '#fullscreen-link' ) . click ( ...
JQuery获取浏览器的高度和宽度 jquery获得和设置下拉框值的代码 基于jquery的跨域调用文件 ================================= 7款强大的Javascript网格插件 Javascript 汉字编码转换 Javascript 面向对象之封装 ...
<script type="text/javascript" src="jquery.fn.imgplayer.min.js"> 4. 绑定播放函数(参数说明详见上述) var player = $("#imgContainer").playImgs({ imgCSS : {'width' : '800px', 'height' : '600px'}, ...
jquery.get_viewportSize获取视口的宽度和高度。 主页: : 版权所有2015 nexxar / Thomas Fellinger 许可证GPLv2 返回包含数字(像素)的宽度和高度的对象
一个非常灵活且高度可定制的 jQuery 幻灯片/手风琴插件。 这个插件的灵感来自和 / 。 开始开发这个插件的主要原因是我一直在开发的网站需要一组特定的规范和自定义,以上都没有提供。 所以这里是这个插件提供的...
Viewporter 是一个 jQuery 插件,它简化了客户端宽度、高度等之间的跨设备和浏览器大小问题。它创建了一个与您想要保留断点的元素相关联的类。 目的是减轻协商视口或实际客户端宽度的问题,并为您的样式提供一个简单...