监听窗口大小改变，同时根据窗口大小修改某个元…

2018-11-20 03:17:24来源：博客园阅读 ()

jQuery的方法：

<script>  
    $(window).resize(function(){  
        var width = $(this).width();  
        var height = $(this).height();  
        alert(‘width’+width+’-height’+height);  
    });  
</script>

以上的方法，不能写在页面加载完成事件函数$(function(){})内部，而需要写在外面。

页面加载完成事件：

$(function(){});

$(document).ready(function(){});

window.onload = function(){};

我们项目中的代码：

// 监听窗口大小变化
function changeHeight(){
    let h = document.documentElement.clientHeight;
    document.getElementById("searchResult").style.height = h - 9 - 74 + 'px';
    document.getElementById("goodsTableBody").style.height = h - 9 - 74 -160 + 'px';
}
window.onload = function(){
    changeHeight();
};
window.onresize = function(){
    changeHeight();
};

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有