
windowonresize=function ()
{
var iHeight = documentdocumentElementclientHeight||documentbodyclientHeight;
objstyleheight=iHeight;
}
上面其中的obj就是你要处理的对象也就是那个要填满屏幕的div
一、获取浏览器的高度:
jquery代码直接使用 $(window)height();
原生态JS代码需要考虑页面DOCTYPE的声明,使用以下代码:
<script>
var w=documentdocumentElementdocumentdocumentElementclientHeight:documentbodyclientHeight;
alert(w);
</script>
二、获取浏览器的宽度:
jquery代码直接使用 $(window)With();
原生态JS代码:
var w=documentdocumentElementdocumentdocumentElementclientWidth:documentbodyclientWidth;
js获取浏览器可见区域(不包括标题栏、地址栏、收藏夹栏状态栏等额外区域,仅为页面呈现区域)的高度和宽度
宽度:documentdocumentElementclientWidth
高度:documentdocumentElementclientHeight
在Chrome及IE8中测试正确,其余未测试
JS控制浏览器窗口的大小代码之一:
<script>windowmoveTo(0, 0);//移动窗口
windowresizeTo(800, 600);//改变大小
windowonresize=new Function("windowresizeTo(800, 600);")
</script>
JS控制浏览器窗口的大小代码之二:
<SCRIPT>if (window != top) toplocationhref = locationhref;
selfresizeTo(800,600);
</SCRIPT>
JS控制浏览器窗口的大小代码之三:
<script language="javascript">function openWin()
{
var i=0;
i = open("","","width=500,height=500");
}
</script>
JS控制浏览器窗口的大小代码之四:
<SCRIPT language=JavaScript>var new_width=800; //你要固定的浏览器宽度
var new_height=600; //你要固定的浏览器高度
function resizewindow()
{
windowresizeTo(new_width,new_height);
}
resizewindow();
</SCRIPT>
试试resize事件
$(window)resize(function() {
var width = $(this)width();
var height = $(this)height();
});
不过resize事件好像对框架不起作用
以上就是关于求一段JS代码,能取得浏览器可视界面高度,并根据高度值改变网页显示的百分比全部的内容,包括:求一段JS代码,能取得浏览器可视界面高度,并根据高度值改变网页显示的百分比、jquery js获取移动设备浏览器高度、360浏览器的 js 获取不到准确的窗口高度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)