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
}
)
时间: 2024-10-30 05:51:35

jQuery获取浏览器的相关高宽信息的相关文章

jQuery获取浏览器的名称与版本信息

在jQuery中,通过$.browser对象可以获取浏览器的名称和版本信息,如$.browser.chrome为true,表示当前为Chrome浏览器,$.browser.mozilla为true,表示当前为火狐浏览器,还可以通过$.browser.version方式获取浏览器版本信息. <div id="divtest">             <div class="title">                 <span cl

jQuery $.support获取浏览器的名称与版本信息

在jQuery中,通过$.browser对象可以获取浏览器的名称和版本信息,如$.browser.chrome为true,表示当前为Chrome浏览器,$.browser.mozilla为true,表示当前为火狐浏览器,还可以通过$.browser.version方式获取浏览器版本信息.  代码如下 复制代码 <div id="divtest">            <div class="title">                &l

jQuery获取浏览器类型和版本号的方法_jquery

废话不多说,关键代码如下所示: $(document).ready(function(){ varbrow=$.browser; varbInfo=""; if(brow.msie){bInfo="MicrosoftInternetExplorer"+brow.version;} if(brow.mozilla){bInfo="MozillaFirefox"+brow.version;} if(brow.safari){bInfo="A

css-safari浏览器100%适应高宽

问题描述 safari浏览器100%适应高宽 有一个logo,我设置用媒体查询自动适应屏幕高宽.但是只有在safari浏览器中会出问题. safari会让logo充满整个屏幕,改变原来的长宽比. HTML代码: <div id="logo"><a href="http://www.stilundso.de/"><img src="http://lorempixel.com/output/technics-h-c-200-206

jQuery获取intput file图片的宽高

如何判断input file表单里上传的图片的宽高呢?这个时候图片还没真正上传,也不是在页面上展示,不能使用$("id").width()这种方式. 在Stack Overflow找到一个方法: var _URL = window.URL || window.webkitURL; $("#file").change(function (e) {     var file, img;     if ((file = this.files[0])) {        

js 获取浏览器的高度和宽度信息类

网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offsetWidth + " (包括边线和滚动条的宽)"; 网页可见区域高:document.body.offsetHeight + " (包括边线的宽)"; 网页正文全文宽:document.body.scrollWidth; 网页正文全文高:document.body.s

js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码_jquery

获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下.IE中,浏览器显示窗口大小只能以下获取: 代码如下复制代码 复制代码 代码如下: document.body.offsetWidth document.body.offsetHeight 在声明了DOCTYPE的浏览器中,可以用以下来获取浏览器显示窗口大小: 代码如下复制代码 复制代码 代码如下: document.documentElement.clientWidth document.documentElement.cli

js/jquery获取浏览器窗口的可视区域高度和宽度,滚动条高度

IE中,浏览器显示窗口大小只能以下获取:  代码如下 复制代码 document.body.offsetWidth document.body.offsetHeight 在声明了DOCTYPE的浏览器中,可以用以下来获取浏览器显示窗口大小:  代码如下 复制代码 document.documentElement.clientWidth document.documentElement.clientHeight IE,FF,Safari皆支持该方法,opera虽支持该属性,但是返回的是页面尺寸:

用js小类库获取浏览器的高度和宽度信息_javascript技巧

因此当用户在一个较长内容的网页中点击某一个按钮显示DIV层会发现没有任何效果(其实已经在页面的顶部显示了),因此,我们需要准备的知道用户当前的浏览的位置的信息.在实现这个要求之前,先来看看在js中有哪些工具可以让我们使用: 网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offsetWidth + " (包括边线和滚动条的宽)"; 网页可见区域