随着浏览器窗口变化而变化的函数

来源:互联网 发布:中国出境文莱旅游数据 编辑:程序博客网 时间:2024/05/18 21:07

在工作中遇到了定义一个容器,但是这个容器是拿百分比控制的,随着浏览器的窗口的变化,里面的元素的变化会跟这个容器的宽高有着密切的关系,那么动态获取这个容器的宽和高就是关键所在了,那么今天就介绍一下如何随着浏览器窗口的改变而做一些事情,下面写一个简单的demo

1.如果用jQuery的话

var num = 0;$(window).resize(function() {     num++;    console.log('变化,变化',num);});

看结果,我按开F12拖动窗口宽度,让浏览器的宽度发生变化

这里写图片描述

2.如果用原生js的话,就这样写

var num = 0;window.onresize = function(){    num++    console.log('变化,变化',num);}

看结果

这里写图片描述