HTML 一种重定向方法 / JavaScript 两种重定向方法

骑猪看日落 2022-07-12 22:37 325阅读 0赞

# HTML <meta> #

<html>
        <head>
            <title>Relocation</title>
            <meta http-equiv="refresh" content="3; URL=file:///C:/Users/Administrator/Desktop/test.html" />
        </head>
        <body>
        </body>
    </html>

# JavaScript #

JavaScript实现重定向主要是利用了location对象。

下面这个例子证明了：window.location === document.location === location（“===”表示全等）。

注意：body只能是document.body。

<html>
        <head>
            <title>Certify location equal</title>
        </head>
        <body>
            <script type="text/javascript"> document.body.innerHTML += (location + "<br/>"); if(document.location === window.location) { document.body.innerHTML += "document.location = window.location<br/>"; } else { body.innerHTML += "document.location != window.location<br/>"; } if(document.location === location) { document.body.innerHTML += "document.location = location<br/>"; } else { document.body.innerHTML += "document.location != location<br/>"; } </script>
        </body>
    </body>

## JavaScript setTimeout ##

<script type="text/javascript"> setTimeout(function(){ location = "file:///C:/Users/Administrator/Desktop/test.html"; }, 3000); </script>

## JavaScript setInterval ##

<script type="text/javascript"> var t = 5; setInterval(function(){ document.body.innerHTML += (t-- + "<br/>"); if(t == 0) { location = "file:///C:/Users/Administrator/Desktop/test2.html"; } }, 1000); </script>

## location 注意点 ##

`location="file:///……"`或`location="http:///……"`“协议前缀”很关键，如果有这些“协议前缀”就相当于在浏览器地址栏中输入相应地址。但如果没有这些前缀，则`location="……"`等价于访问当前路径的相对地址。

发表评论取消回复

表情：

评论列表（有 0 条评论，325人围观）

还没有评论，来说两句吧...

相关阅读

相关 JAVA重定向的几种方法

1.通过ModelAndView跳转 @RequestMapping("redirect") public ModelAndView redirect(Htt

朴灿烈づ我的快乐病毒、/ 2022年12月06日 04:16/ 0 赞/ 665 阅读

相关 response重定向的两种写法

protected void doGet(HttpServletRequest request, HttpServletResponse response) throw

港控/mmm°/ 2022年08月12日 01:08/ 0 赞/ 202 阅读

相关重定向

标准输入,输出和错误 \--------------------------------- 文件文件描述符 \-----------

淡淡的烟草味﹌/ 2022年08月06日 10:23/ 0 赞/ 284 阅读

相关 PHP 重定向方法小结

页面重定向，这个是非常常用的功能，我总结了几个重定向的方法。如果有更巧妙的方式，欢迎交流！ <?php // 基本的重定向 header

偏执的太偏执、/ 2022年08月04日 00:35/ 0 赞/ 258 阅读

相关 HTML 一种重定向方法 / JavaScript 两种重定向方法

HTML <meta> <html> <head> <title>Relocation</title>

骑猪看日落/ 2022年07月12日 22:37/ 0 赞/ 326 阅读

相关 PHP URL重定向的三种方法

1.\[使用header()函数】 PHP的HTTP相关函数种提供了一个 header()函数，首先要清楚，header()函数必须放在php程序的开头部分，

矫情吗；*/ 2022年06月12日 08:50/ 0 赞/ 244 阅读

相关重定向

MSDN 中查找关键字：WOW64 可搜得相关信息（文件重定向和注册表重定向）转自：[http://blog.csdn.net/is2120/article/deta

你的名字/ 2022年06月03日 09:27/ 0 赞/ 334 阅读

相关重定向

package cn.itcast.response; import java.io.IOException; import jav

谁借莪１个温暖的怀抱￠/ 2022年05月16日 06:18/ 0 赞/ 309 阅读

相关重定向

第一种：利用header()函数进行重定向，这也是我用的较多的。(注意！locationhe和“：”之间不能有空格，否则无作用！) <?php header('conte

小灰灰/ 2022年01月06日 03:45/ 0 赞/ 344 阅读

相关前端网站开发页面重定向的几种方法

html重定向就是通过各种的方法将各种网络请求重新定个方向转到其它位置。在网站建设中，时常会遇到需要网页重定向的情况：像网站调整，如改变网页目录结构，网页被移到一个新地址，再

痛定思痛。/ 2021年12月24日 06:43/ 0 赞/ 784 阅读