• js如何获取屏幕的高度
  • 发布于 2个月前
  • 184 热度
    2 评论
  • AUX
  • 7 粉丝 41 篇博客
  •   
我现在有个系统需要根据屏幕的高度设置编辑器的高度,原来是想直接通过css的Height属性设置百分比来自适应高度的,但是这个编辑器插件的高度属性不支持该操作,所以现在想通过js获取屏幕的宽度来设置编辑器的高度,我对js不是很熟悉,所以想问一下在js中要怎么获取屏幕的高度,望高人指点。
用户评论
  • 京东叮咚
  • js获取浏览器窗口的可视区域高度和宽度,滚动条高度:

    document.body.clientWidth ==> BODY对象宽度
    document.body.clientHeight ==> BODY对象高度
    document.documentElement.clientWidth ==> 可见区域宽度
    document.documentElement.clientHeight ==> 可见区域高度
      
    document.body.clientWidth ==> 网页可见区域宽 
    document.body.clientHeight ==> 网页可见区域高
    document.body.offsetWidth ==> 网页可见区域宽(包括边线的宽)
    document.body.offsetHeight ==> 网页可见区域高(包括边线的高)
    document.body.scrollWidth ==> 网页正文全文宽document.body.scrollHeight ==> 网页正文全文高
    document.body.scrollTop ==> 网页被卷去的高
    document.body.scrollLeft ==> 网页被卷去的左
    window.screenTop ==> 网页正文部分上
    window.screenLeft ==> 网页正文部分左
    window.screen.height ==> 屏幕分辨率的高
    window.screen.width ==> 屏幕可用工作区高度
    window.screen.availHeight ==> 屏幕可用工作区高度
    window.screen.availWidth ==> 屏幕可用工作区宽度

     部分jquery函数获取方法

    // 部分jQuery函数  
    $(window).height()                //浏览器时下窗口可视区域高度   
    $(document).height()            //浏览器时下窗口文档的高度   
    $(document.body).height()      //浏览器时下窗口文档body的高度   
    $(document.body).outerHeight(true) //浏览器时下窗口文档body的总高度 包括border padding margin   
    $(window).width()     //浏览器时下窗口可视区域宽度   
    $(document).width()   //浏览器时下窗口文档对于象宽度   
    $(document.body).width()      //浏览器时下窗口文档body的高度   
    $(document.body).outerWidth(true) //浏览器时下窗口文档body的总宽度 包括border padding
     
     

  • 2018/12/27 8:53:00 [ 0 ] [ 0 ] 回复