专栏首页杰的记事本HTML meta标签实现定时刷新或跳转

HTML meta标签实现定时刷新或跳转

几乎所有的网页头部都有<meta>源信息。除了我们常用的定义编码、关键字(name=”keywords”)、描述(name=”description”)(for SEO),还可以定义视区大小、缩放比例等(for 移动端),如下:

<meta name="viewport" content="width=device-width,initial-scale=1.0">

以及,定义网页的过期时间,Cookie的过期时间等等。

就是我们网页平时跳转,还可以使用<meta>实现,下面几个典型代码示例:

  1. <meta http-equiv=”refresh” content=”5″>这个表示当前页面每5秒钟刷一下,刷一下~
  2. <meta http-equiv=”refresh” content=”2; url=’/'”>这个表示当前页面2秒后跳到首页~
  3. <meta http-equiv=”refresh” content=”0; url=’http://www.qq.com/'”>页面直接跳转到腾讯网~

所以,当我们下次遇到“登录成功,正在跳转到您之前访问页面……”的时候,可以使用<meta>的这个refresh刷新,跳转功能,可以说是成本最低的。

为何meta跳转不火呢?

大家可以看到,meta跳转,使用方便,不用写JS,不用会后台代码,定时跳转刷新什么的玩得照样很溜,而且兼容性好,为啥总感觉不温不火,很少看见有人提及呢?

新晋的小伙伴不知有没有听过这么一个词,叫做“万恶的IE6年代”。

据说,当年,这一批老旧的浏览器,问题很多,其中就有对meta2个小小的不友好。我也是听说,不一定准确。坊间是这么传闻的:

  • 时间设为0的跳转,有时候页面会闪一下;
  • 跳转到其他页面,浏览器后退按钮是不能用的;

但是啊,现在是什么年代啊,监狱风云都拍到第二季了,这些老问题,我觉得就可以忽略不计了。

不妨大胆试试meta跳转,好好利用下浏览器的原生特性,说不定就会发现比什么JS跳转之流用得更开心。

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

我来说两句

0 条评论
登录 后参与评论

相关文章

  • CSS3实现loading效果转圈圈

    8个点实际对应于box-shadow的8个投影,图片大小标准32px*32px,考虑到点的八卦布局以及大小限制,因此,我们的容器本身只有3px*3px,于是,有...

    javascript.shop
  • 怎样简单的提高网站性能

    用户的耐心不是线性的。第1秒的时候基本上没有人会放弃这个站点。但是,1秒开外之后,如果没有适当的反馈的话(例如浏览器标头显示页面标题),用户开始以一个加速的比率...

    javascript.shop
  • -webkit-box-reflect镜像倒影

    目前为止我们已经探讨了很多CSS3中的新功能和新特征。除了上面这些,实际上还有很多CSS新属性并未包含进CSS3官方标准中,像谷歌浏览器或火狐浏览器等都会利用C...

    javascript.shop
  • 外边距合并

    detail设置margin为30px,header设置margin为30px,结果两个相邻元素之间的间距发生了合并

    bamboo
  • tf42:tensorflow多GPU训练

    MachineLP的Github(欢迎follow):https://github.com/MachineLP

    MachineLP
  • PropertyPlaceholderConfigurer 用法

    PropertyPlaceholderConfigurer 用法一、PropertyPlaceholderConfigurer 的继承体系二、PropertyP...

    cxuan
  • 提示“用户名或密码不正确”很糟糕

    你也许听说过最佳安全策略是:登录的时候不要提示“密码不正确”,而是“用户名或密码不正确”。 在这里我想说这是一个混蛋策略,一点也没用。

    Fundebug
  • AI 公司面临隐私问题 不少仍坚持原则拒绝商业机会

    TechWeb报道,7月8日消息,据国外媒体报道,当一家由美国中央情报局支持的风险投资基金表示对拉纳·埃尔·卡利乌比(Rana el Kaliouby)的面部扫...

    周俊辉
  • 黑莓宣布即将终止与TCL的合作,未来将在各自的道路上继续前进

    近日,黑莓对外宣称,与TCL的合作到今年8月31日终止,届时TCL将停售黑莓手机。黑莓方面表示,“合作终止后,TCL将无权设计、制造或销售任何新的黑莓移动设备。...

    镁客网
  • angularjs1.X进阶笔记(3)——如何重构controller

    大史不说话

扫码关注云+社区

领取腾讯云代金券