如何让js在浏览器宽度改变的时候执行一个函数？浏览器宽度变化

最新推荐文章于 2022-08-25 17:33:40 发布

CGGAO

最新推荐文章于 2022-08-25 17:33:40 发布

阅读量331

点赞数

原文链接：http://www.cnblogs.com/shimily/articles/3802541.html

版权

如何让js在浏览器宽度改变的时候执行一个函数？ http://zhidao.baidu.com/link?url=sUCp1-aIiZ_eZ0mZM4j3CcSn8GprjhZTd3qQl0xjYC-lEkCtjqBDNuGis7ivw1Fr66OOi4TQPsp3zbSXbULtNK

<html>
<head>
</head> 
<body onResize="reSizeDiv()">
<div id="d1" style="width:400px;height:400px;background-color:lightblue;"></div>
<SCRIPT>reSizeDiv();
function reSizeDiv(){
var s = document.body.offsetWidth;  //(带浏览器边框的宽度)
var s = document.body.clientWidth; //(不带浏览器边框的宽度)
if(isFirefox=navigator.userAgent.indexOf("Firefox")>0) s=window.innerWidth;
var a = 1024;  //要变换的临界点
var w = "400px"; //DIV宽度（像素）
var w1 = "40%";  //DIV宽度（百分比）
var d = document.getElementById("d1");if(s > a){ d.style.width = w1; d.innerHTML = "DIV宽：width="+w1+"<br>DIV高：height=400px<br>当前窗口宽：Width="+s+"px";}else{ d.style.width = w; d.innerHTML = "DIV宽：width="+w+"<br>DIV高：height=400px<br>当前窗口宽：Width="+s+"px";}} 
</SCRIPT>     
</body>
</html>

转载于:https://www.cnblogs.com/shimily/articles/3802541.html

CGGAO

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
如何让js在浏览器宽度改变的时候执行一个函数？浏览器宽度变化

如何让js在浏览器宽度改变的时候执行一个函数？ http://zhidao.baidu.com/link?url=sUCp1-aIiZ_eZ0mZM4j3CcSn8GprjhZTd3qQl0xjYC-lEkCtjqBDNuGis7ivw1Fr66OOi4TQPsp3zbSXbULtNK<html><head></head> <bod...
复制链接

扫一扫