clwn.net
当前位置:首页 >> jq获取浏览器窗口宽度 >>

jq获取浏览器窗口宽度

我给我你解释一下吧 你右上角是浏览器 右上角显示的是你body的宽度(这个宽度是不包括滚动条的) 你 $(window).width() 获取的是浏览器的宽度 (这个宽度包括滚动条) 正常情况下这两个宽度相差12像素,也就是一个滚动条的 宽度

包含边框的宽度 = $(window).width(); 包含边框的高度 = $(window).height(); 不包含边框的宽度 = $(document).width(); 不包含边框的高度 = $(document).height();

jquery $(function(){ /*调整窗口自动调整宽度*/ $(window).resize(function(){ var h = $(window).height(); var w = $(window).width(); console.info("窗口高度:" + h + "; 窗口宽度:" + w); }); });

可以使用定时器setInterval,每秒获取一次浏览器的宽和高 使用jQuery可以这样获取window的宽高: 宽度: $(window).width() 高度: $(window).height() 自己写个函数,设定定时器的时间

$(document).ready(function() { alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.bo...

$(document).ready(function() { alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.bo...

//改下结构,像下面这样就好了:(每秒检查一次)$(function(){setTimeout(onWidthChange,1000);});function onWidthChange(){ if( $(window).width() > 600 ) { /* 这里是要执行的代码 */ } setTimeout(onWidthChange,1000);}

可以使用$(document).height()方法来获取网页的实际高度。 工具原料:编辑器、浏览器 1、$(document).height()方法是获取网页的实际高度,简单的代码示例如下: body>console.log($(document).height());2、运行的结果如下图:

给浏览器的onresize事件绑定到里面修改height

在js使用过程中可能会根据要求获取浏览器高度和宽度。 一、获取浏览器的高度: jquery代码直接使用 $(window).height(); 原生态JS代码需要考虑页面DOCTYPE的声明,使用以下代码: var w=document.documentElement?document.documentElement.clie...

网站首页 | 网站地图
All rights reserved Powered by www.clwn.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com