页面窗口改变,自动刷新页面
原生js提供了自动刷新和窗口改变的方法,本次介绍一下窗口改变时候执行自动刷新!本次demo配合一个随机数来观察转化页面的变化!
demo实例
<!DOCTYPE>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta charset="utf-8">
</HEAD>
<script>
window.onload=function(){
function rand(){
span=document.getElementById('span');
i=Math.random()*5;
span.innerHTML=i;
}
window.onresize=function(){
window.location.reload();
rand();//窗口改变执行函数
}
rand();//打开页面先进行函数执行
}
</script>
<BODY>
<span id="span"></span>
</BODY>
</HTML>方法说明：
window.onload这个都知道是待页面元素全部加载完毕后执行js代码
window.onresize这个是窗口页面改变时候执行，就是窗口大小改变的事件
window.location.reload()刷新当前页面，加上window这个对象，表面对当前可视化窗口刷新
为了方便观察页面是否正确刷新，onsreize事件内执行一个随机数（数学对象），当页面窗口改变，页面随机数发生改变，执行成功！
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2018-3-18，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读