美文网首页
2018-10-25 获取浏览器高度 以达到基本页面自适应

2018-10-25 获取浏览器高度 以达到基本页面自适应

作者: 土豆丝炒洋芋丝 | 来源:发表于2018-10-25 17:57 被阅读0次
    //获取浏览器高度
    var height_frm = $(document).height();
    alert(height_frm);
    // 设置高度
    $('.htmleaf-content').css("height", height_frm);
    
    // 当调整浏览器窗口的大小时,发生 resize 事件。
    // 监测浏览器窗口大小变化
    $(window).resize(function() {
        //获取浏览器高度
        var height_frm = $(document).height();
        alert(height_frm);
        // 设置高度
        $('.htmleaf-content').css("height", height_frm);
    });
    
    //浏览器时下窗口可视区域高度
    alert($(window).height());
    
    //浏览器时下窗口文档的高度
    alert($(document).height()); 
    
    //浏览器时下窗口文档body的高度
    alert($(document.body).height());
    
    //浏览器时下窗口文档body的总高度 包括border padding margin
    alert($(document.body).outerHeight(true));
    
    //浏览器时下窗口可视区域宽度
    alert($(window).width()); 
    
    //浏览器时下窗口文档对于象宽度
    alert($(document).width());
    
    //浏览器时下窗口文档body的高度
    alert($(document.body).width());
    
    //浏览器时下窗口文档body的总宽度 包括border padding margin
    alert($(document.body).outerWidth(true));
    
    //获取滚动条到顶部的垂直高度
    alert($(document).scrollTop());
    
    //获取滚动条到左边的垂直宽度
    alert($(document).scrollLeft());

    相关文章

      网友评论

          本文标题:2018-10-25 获取浏览器高度 以达到基本页面自适应

          本文链接:https://www.haomeiwen.com/subject/nmpctqtx.html