mwbr.net
当前位置:首页 >> 如何用jquEry实现实时监控浏览器宽度 >>

如何用jquEry实现实时监控浏览器宽度

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

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

用JS的onresize事件就可以了,onresize事件会在窗口或框架被调整大小时发生。该事件支持的对象是window,使用代码如下: window.onresize = function(){ alert(1);}window.onresize = myFun();

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

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

IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 FireFox中: document.bod...

试试resize事件 $(window).resize(function() { var width = $(this).width(); var height = $(this).height(); }); 不过resize事件好像对框架不起作用

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

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

有一个方法 jQuery(window).resize(function(){})

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