HTML meta refresh 刷新与跳转(重定向)页面

HTML meta refresh 刷新与跳转(重定向)页面

下面为各位整理了一些HTML meta refresh 刷新与跳转(重定向)页面的例子吧,后面本站长自己也补充了一些js页面刷新与跳转例子吧。

refresh 属性值  —  刷新与跳转(重定向)页面

refresh用于刷新与跳转(重定向)页面

refresh出现在http-equiv属性中,使用content属性表示刷新或跳转的开始时间与跳转的网址

refresh示例

5秒之后刷新本页面:

5秒之后转到梦之都首页:

当然除了这些方法还有js也可以跳转与刷新了,下面既然讲到这个刷新页面了我们就再看看js补充吧

Javascript刷新页面的几种方法:

1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand(‘Refresh’)
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href

js页面跳转

1.window.location.href方式
   

2.window.navigate方式跳转
  

 

3.window.loction.replace方式实现页面跳转,注意跟第一种方式的区别

有3个jsp页面(1.aspx, 2.aspx, 3.aspx),进系统默认的是1.aspx,当我进入2.aspx的时候, 2.aspx里面用window.location.replace(“3.aspx”);

与用window.location.href (“3.aspx”);

从用户界面来看是没有什么区别的,但是当3.aspx页面有一个”返回”按钮,调用window.history.go(-1); wondow.history.back();方法的时候,一点这个返回按钮就要返回2.aspx页面的话,区别就出来了,当用 window.location.replace(“3.aspx”);连到3.aspx页面的话,3.aspx页面中的调用 window.history.go(-1);wondow.history.back();方法是不好用的,会返回到1.aspx。

4.self.location方式实现页面跳转,和下面的top.location有小小区别
  

5.top.location
  

 

6.不推荐这种方式跳转
   

 meta方式实现跳转(content = 3 单位是秒)

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/114080.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • PHP实现伪静态方法汇总

    PHP实现伪静态方法汇总

    2021年9月18日
    57
  • rider 激活码【2021.10最新】

    (rider 激活码)最近有小伙伴私信我,问我这边有没有免费的intellijIdea的激活码,然后我将全栈君台教程分享给他了。激活成功之后他一直表示感谢,哈哈~https://javaforall.net/100143.htmlIntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,上面是详细链接哦~23LN…

    2022年3月29日
    68
  • rpc接口调用实例_rpc中间件

    rpc接口调用实例_rpc中间件RPC框架的讨论一直是各个技术交流群中的热点话题,阿里的dubbo,新浪微博的motan,谷歌的grpc,以及不久前蚂蚁金服开源的sofa,都是比较出名的RPC框架。RPC框架,或者一部分人习惯称之为服务治理框架,更多的讨论是存在于其技术架构,比如RPC的实现原理,RPC各个分层的意义,具体RPC框架的源码分析…但却并没有太多话题和“如何设计RPC接口”这样的业务架构…

    2022年10月13日
    0
  • 相机标定的原理及实现

    相机标定的原理及实现本文参考文档:原理部分:https://blog.csdn.net/honyniu/article/details/51004397代码部分:https://www.cnblogs.com/wildbloom/p/8320351.html;https://blog.csdn.net/firemicrocosm/article/details/48594897#1、相机标定的原理摄像…

    2022年5月28日
    29
  • scrollHeight的分析[通俗易懂]

    scrollHeight的分析[通俗易懂]<!DOCTYPEhtmlPUBLIC”-//W3C//DTDXHTML1.0Transitional//EN””http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><htmlxmlns=”http://www.w3.org/1999/xhtml”><head>&…

    2022年7月24日
    6
  • intellij idea配置yuicompressor

    intellij idea配置yuicompressor2019独角兽企业重金招聘Python工程师标准>>>…

    2022年7月18日
    15

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号