专栏首页十月梦想页面窗口改变,自动刷新页面

页面窗口改变,自动刷新页面

        原生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事件内执行一个随机数(数学对象),当页面窗口改变,页面随机数发生改变,执行成功!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Vue入门详解之模板语法插值表达式,v-html和v-text

    我们来看一下简单的模板语法,在Vue中有三种模板语法用来渲染model(数据层),插值表达式(就是{{}},双花括号表达法),v-text和v-html三种!那...

    十月梦想
  • CSS尺寸和边框

                1.  px  像素(由一连串的点来组成,像素越高点越多)

    十月梦想
  • 虚拟主机搭建多站点出现No input file specified解决方案

            前几天写了篇《一台虚拟主机实现多站点建站》,但是在实际检测项目站点时候出现“No input file specified”,测试发现php的项...

    十月梦想
  • ANN让外星人无处可藏?人工智能预测其他行星上的生命迹象

    2018 新智元产业跃迁 AI 技术峰会圆满结束,点击链接回顾大会盛况: 【新智元导读】英国普利茅斯大学(Plymouth University)的最新研究发现...

    新智元
  • 【业界】微软发布高级AI工具,减轻AI从业人员的负担

    微软的Cognitive Services(认知服务)是该公司托管的AI算法的集合地。今天,该公司宣布推出几项Cognitive Services(认知服务)工...

    AiTechYun
  • AAAI 2020最佳论文出炉,800名国人缺席,疫情并未浇灭热情

    本届 AAAI 大会共收到了 8800 篇提交的论文,评审了 7737 篇,并最终接收了 1591 篇,接收率为 20.6%。

    机器之心
  • 中兴通讯吉晓威:中兴通讯Elastic SD-WAN应用剖析

    中兴通讯的工程师吉晓威先生演讲:中兴通讯Elastic SD-WAN应用剖析,大家可以把阿里云和中兴的方案放在一起看一下他们的界限在什么地方。

    SDNLAB
  • SAP CRM和SAP Hybris的action profile

    action profile维护在transaction type级别的customizing里:

    Jerry Wang
  • 学习BlogEngine.Net解读笔记系列(一)

    大家好,第一次认真的去解读一个开源作品,或许有很多不对的地方,请大家及时提醒,以便我及时修改,不要越错越多:) 大家或许很早就研究过BlogEngine.Net...

    脑洞的蜂蜜
  • eml文件解析实例,简历信息抓取工具

    先上工具效果图,如下图所示: ? 背景 某公司使用58同城进行人员招聘,当有应聘人员通过58同城给该公司投简历后,58同城会发送一份邮件到该公司的注册邮箱,邮件...

    用户1637609

扫码关注云+社区

领取腾讯云代金券