求一段JS代码,能取得浏览器可视界面高度,并根据高度值改变网页显示的百分比

求一段JS代码,能取得浏览器可视界面高度,并根据高度值改变网页显示的百分比,第1张

windowonresize=function ()

{

var iHeight = documentdocumentElementclientHeight||documentbodyclientHeight;

objstyleheight=iHeight;

}

上面其中的obj就是你要处理的对象也就是那个要填满屏幕的div

在js使用过程中可能会根据要求获取浏览器高度和宽度。

一、获取浏览器的高度

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 获取不到准确的窗口高度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/9754080.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存