获取浏览器宽度和高度排除工具栏和菜单大小
我需要一个Js/JQuery脚本,它返回浏览器的可用宽度和高度,不包括菜单栏和工具栏大小,我使用一个脚本,但它似乎正在返回宽度/高度包括工具栏等...获取浏览器宽度和高度排除工具栏和菜单大小
下面的脚本我用..
<script type="text/javascript" >
var winWidth = 0, winHeight = 0;
if (typeof (window.innerWidth) == 'number') {
//Non-IE
winWidth = window.innerWidth;
winHeight = window.innerHeight;
} else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
//IE 6+ in 'standards compliant mode'
winWidth = document.documentElement.clientWidth;
winHeight = document.documentElement.clientHeight;
} else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
//IE 4 compatible
winWidth = document.body.clientWidth;
winHeight = document.body.clientHeight;
}
</script>
任何机构对此有什么线索? 谢谢 Meghana
使用jQuery,你可以有以下几种:
$(window).height(); // returns height of browser viewport
$(document).height(); // returns height of HTML document
您的代码应返回浏览器窗口的可用大小。在我的情况下,在1920x1200的显示器上,我获得了1920x1106。我的任务栏高40像素,因此窗口的标题栏留下54px。
你是对的,我再次检查了我的代码,它返回我浏览器的高度/宽度不包括工具栏等。其实,我有用户的屏幕分辨率,并需要浏览宽度/高度。我需要做一些与用户屏幕分辨率成比例的计算,但它不会重新调整我的正确结果。现在我知道了......我需要浏览器窗口的宽度/高度,包括工具栏和ect ......与我目前的帖子完全相反:)。所以我应该做另一个帖子.. PLZ帮助我,以及如果有任何想法。再次感谢。 – meghana 2012-02-23 07:27:31
'screen.width'和'screen.height'会给你用户的屏幕分辨率。 – 2012-02-23 15:28:10
尝试:
<input type='button' id='btn1' value='test'/>
$('#btn1').click(function(){
alert($(window).width());
});
谢谢@Bui Cuong,但我来知道我的帖子,如果不是按照我的要求...我添加新帖子... PLZ帮助我,如果你有任何想法以及:) – meghana 2012-02-23 07:31:02
谢谢@Mathboy,但我知道我的帖子如果不符合我的要求......我在添加新帖子... plz帮助我,如果您有任何想法以及:) – meghana 2012-02-23 07:30:33