监听窗口大小改变,同时根据窗口大小修改某个元素的大小
程序员文章站
2022-07-09 20:58:27
jQuery的方法: 以上的方法,不能写在页面加载完成事件函数$(function(){})内部,而需要写在外面。 页面加载完成事件: 我们项目中的代码: ......
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(); };
上一篇: RHEL 6.6配置网易CentOS镜像的yum源小结
下一篇: webpack4 打包静态资源