使用jquery来监听网页的窗口界面大小是否改变,使用下面的代码。
<script type="text/javascript">
$(document).ready(function(){
$(window).resize(function(){
alert("窗口大小改变了,高度为"+$(window).height()+"宽度为"+$(window).width());
});
});
</script>
上面的代码呢,只要窗口一发生改变,自然会触发).resize事件。
你可以将alert("窗口大小改变了,高度为"+$(window).height()+"宽度为"+$(window).width());改为自己的代码,或函数,在需要的地方调用即可。
知识拓展:jquery获取浏览器信息
(function($) {
// 全局系统对象
window['BROWSER'] = {};
BROWSER.SYS = function() {
var Sys = {};
var ua = navigator.userAgent.toLowerCase();
var s;
(s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : (s = ua
.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] : (s = ua
.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] : (s = ua
.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] : (s = ua
.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;
return Sys;
}
BROWSER.ShowString = function() {
var str = "";
var Sys = BROWSER.SYS();
// 以下进行测试
if (Sys.ie)
str = ('Microsoft Internet Explorer : ' + Sys.ie);
if (Sys.firefox)
str = ('Mozilla Firefox : ' + Sys.firefox);
if (Sys.chrome)
str = ('Google Chrome: ' + Sys.chrome);
if (Sys.opera)
str = ('Opera : ' + Sys.opera);
if (Sys.safari)
str = ('Apple Safari : ' + Sys.safari);
return str;
}
})(jQuery);