Javascript 如何在js中多次使用resize_Javascript

Javascript 如何在js中多次使用resize

javascript

Javascript 如何在js中多次使用resize,javascript,Javascript,我正在制作一个网页，我想当这个网页的大小做一个功能但这只是第一次，而不是每次调整页面大小时我的代码如下：有什么建议吗 <body onresize="myFunction()"> <script> var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; function myFunction() { if(w

我正在制作一个网页，我想当这个网页的大小做一个功能但这只是第一次，而不是每次调整页面大小时我的代码如下：有什么建议吗

<body onresize="myFunction()">    
<script>
var width = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

function myFunction() {
   if(width<500){
                   document.getElementById("yy").style.display="none";
   }else{
        document.getElementById("yy").style.display="absolute";
   }

}
</script>
<img id="yy src="..."/>


var width=window.innerWidth
||document.documentElement.clientWidth
||document.body.clientWidth；
函数myFunction（）{
如果（width如果您只想在页面宽度小于500px时更改元素的样式，您可以使用css。媒体查询在IE8及以下版本上不起作用，因此请确保您不需要支持旧浏览器，在这种情况下，您需要使用javascript
/* css rules for your example */

#yy {
     display: absolute;
}

@media (max-width: 500px) {
    /* this rules will apply only when screen width less than 500px */


    #yy {
        display: none;
    }
}

它更易于编写和维护