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

rt……要能够不断侦测的……只要改变就执行那个函数……... rt……
要能够不断侦测的……只要改变就执行那个函数……
展开
 我来答
qq1111qq111111
2015-06-03 · TA获得超过1175个赞
知道小有建树答主
回答量:1166
采纳率:66%
帮助的人:610万
展开全部

window.onresize事件是监听浏览器大小改变的事指稿物件,当浏览器宽高改变的时候,会触发这个事件,你可以将你需要执行的代码放在这里


eg:

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
 </head>
 <body>
 </body>
 <script  type="text/javascript" language="JavaScript">
var doc = document,
ele = doc.documentElement,
bodys = doc.bodys,
clientWidth = ele ? ele.clientWidth : bodys.clientWidth,
clientHeight = ele ? ele.clientHeight : bodys.clientHeight;

window.onresize = function(e) {
//浏览器改变的时候会触发这个事件

//获取当前浏览器宽度
var cw = ele ? ele.clientWidth : bodys.clientWidth;

if(cw !== clientWidth) {
alert('浏览器宽度改变了!');
}
}
 </script>
<唯液/html>


不过ie低版本可敬肆能会出现多次调用的问题,如需兼容可自行搜索

齐霸王在江湖梦
推荐于2018-05-11 · TA获得超过3312个赞
知道小有建树答主
回答量:726
采纳率:75%
帮助的人:63.7万
展开全部
<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>
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
186044
推荐于2016-06-27 · TA获得超过1966个赞
知道大有可为答主
回答量:848
采纳率:0%
帮助的人:1315万
展开全部
<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>
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
semaly
2010-05-06 · TA获得超过469个赞
知道小有建树答主
回答量:1158
采纳率:100%
帮助的人:376万
展开全部
这还不简单,用window.setTimeout("函数名",1000)
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
牢霜贯游
2020-05-26 · TA获得超过1028个赞
知道小有建树答主
回答量:1779
采纳率:92%
帮助的人:8.2万
展开全部
浏览器执行js的方法:在浏览器地址栏直接执行javascript脚本,也可和亩雹耐陵以在浏览器的地址栏中输入javascript语句,由浏唤帆览器直接执行。如输入:<br>javascript:alert(200*75)
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式