js 控制页面跳转的5种方法

编程式导航：

　　点击跳转路由，称编程式导航，用js编写代码跳转。

History是bom中的

History.back是回退一页

Histiory.go(1)前进一页

History.go(-1)后退一页

HandleClick(){

Console.log(this.props.history);

}

This.props.history.push(“/detail”);

在router/index.js中设置/detail/:kerwinid占位符===》此时访问到路由的值。

转自：

https://www.jb51.net/article/41229.htm

第一种：

<script language="javascript" type="text/javascript">

           window.location.href="login.jsp?backurl="+window.location.href;

    </script>

第二种：

<script language="javascript">

　　alert("返回");

　　window.history.back(-1);

</script>

第三种：

<script language="javascript">

    window.navigate("top.jsp");

</script>

第四种：

<script language="JavaScript">

     self.location='top.htm';

</script>

第五种：

<script language="javascript">

      alert("非法访问！");

      top.location='xx.jsp';

</script>

隔多少秒后自动跳转到其它页(js脚本)

在<head></head>之间加入js

<script language="javascript">

    var secs = 3; //倒计时的秒数

    var URL ;

    function Load(url){

        URL = url;

        for(var i=secs;i>=0;i--)

    {

       window.setTimeout('doUpdate(' + i + ')', (secs-i) * 1000);

    }

  }

    function doUpdate(num)

{

    document.getElementById('ShowDiv').innerHTML = '将        在'+num+'秒后自动跳转到主页' ;

    if(num == 0) { window.location = URL; }

}

</script>

然后在<body>里面加上<body onload="Load('index.asp')">   index.asp为自己要跳转的页面。

在<body></body>之间加上<div id="ShowDiv"></div>

方法二：

<p style="text-indent: 2em; margin-top: 30px;">

系统将在 <span id="time">5</span> 秒钟后自动跳转至新网址，如果未能跳转，<a href="//www.jb51.net" title="点击访问">请点击</a>。</p>

<script type="text/javascript">

    delayURL();

    function delayURL() {

        var delay = document.getElementById("time").innerHTML;

 var t = setTimeout("delayURL()", 1000);

        if (delay > 0) {

            delay--;

            document.getElementById("time").innerHTML = delay;

        } else {

     clearTimeout(t);

            window.location.href = "//www.jb51.net";

        }

    }

</script>

js 控制页面跳转的5种方法的更多相关文章

  1. Jsp页面跳转和js控制页面跳转的几种方法

    Jsp 页面跳转的几种方法 1. RequestDispatcher.forward() 在服务器端起作用,当使用forward()时,Servlet engine传递HTTP请求从当前的Servle ...

  2. js实现页面跳转的几种方法小结

    地址:https://www.jb51.net/article/84335.htm 地址:https://blog.csdn.net/tsoteo/article/details/77849403

  3. 实现网页页面跳转的几种方法(meta标签、js实现、php实现)

    1.meta标签实现 只需在head里加上下面这一句就行了,在当前页面停留0.1秒后跳转到目标页面  代码如下 复制代码 1 <meta http-equiv="refresh&quo ...

  4. js实现页面跳转的两种方式

      CreateTime--2017年8月24日08:13:52Author:Marydon js实现页面跳转的两种方式 方式一: window.location.href = url 说明:我们常用 ...

  5. HTML 页面跳转的五种方法

    H方法TML 页面跳转的五种方法 下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的hello.html(根据自己需要自行修改)文件.1) html的实现 <he ...

  6. js控制页面跳转,清缓存，强制刷新页面

    单看标题,必定满脸蒙13. 其实,想表达的仅仅是,在js中通过window.location.href控制页面跳转时,有时会跳转至缓存页面,并没有真正去请求要跳转的地址,导致页面数据未能及时加载刷新. ...

  7. 实现网页页面跳转的几种方法大全(meta标签、js实现、php实现)

    1.meta标签实现 只需在head里加上下面这一句就行了,在当前页面停留0.1秒后跳转到目标页面  代码如下 复制代码 1 <meta http-equiv="refresh&quo ...

  8. jquery/js/a标签实现当前页面跳转的两种方法

    在逛购物网站首页时经常看到侧边导航栏,当我们点击导航栏中某一项时会跳转到当前页面的某一处 有两种方法实现,一种是利用js计算好各位置的高度,通过绑定事件使页面跳转到指定位置,另一种是利用a标签进行当前 ...

  9. js实现页面跳转的八种方式

    整理一下JavaScript八种跳转方式,欢迎评论补充! 第一种方法: <script> window.location.replace('http://www.cnblogs.com/c ...

随机推荐

  1. IntelliJ IDEA中可以用Tab键跳出括号和引号吗？

    在 Settings->Editor->General->Smart Keys 中勾选 Jump outside closing bracket/quote with Tab 即可.

  2. Es6 类class的关键 super、static、constructor、new.target

    ES6引入了Class(类)这个概念,作为对象的模板,通过class关键字,可以定义类.基本上,ES6的class可以看作只是一个语法糖,它的绝大部分功能,ES5都可以做到,新的class写法只是让对 ...

  3. 初学struts2框架

    昨天初学strts2,折腾了一晚上才正好一个简单的应用程序,在这个过程中遇到了很多的问题. 1. struts2的更新太快,所以从图书馆借的书常常会跟不上变化,所以有时执行起来会很麻烦. 2. 如果你 ...

  4. leetcode-888-公平的糖果交换

    题目描述: 爱丽丝和鲍勃有不同大小的糖果棒:A[i] 是爱丽丝拥有的第 i 块糖的大小,B[j] 是鲍勃拥有的第 j 块糖的大小. 因为他们是朋友,所以他们想交换一个糖果棒,这样交换后,他们都有相同的 ...

  5. curl 命令大全

    post json curl -H "Content-Type: application/json" -X POST --data '{"userID":100 ...

  6. c# 获取项目根目录方法

    编写程序的时候,经常需要用的项目根目录.自己总结如下 1.取得控制台应用程序的根目录方法     方法1.Environment.CurrentDirectory 取得或设置当前工作目录的完整限定路径 ...

  7. Ubuntu+Mac使用飞鸽传书iptux进行互通

    iptux不能直接与Mac版的IPMessage进行文件传输,但是可以和Windows的IPMessage进行互通.如果要实现Ubuntu和Mac下互通,就必须编译同一套代码,因为使用C++写的,所以 ...

  8. ANR机制

    1.什么是ANR(Application Not Responding) 在Android中,应用程序的响应性是由ActivityManager和WindowManager系统服务监视的.当监测到以下 ...

  9. 关于语法节点Tree、类型Type和符号Symbol

    每个语法节点Tree都有Type属性,部分的语法节点有Symbol属性,如下: 与Symbol类型与Type类型之间的关系如下: 下面是Symbol与Type之间的关系: (1)MethodSymbo ...

  10. python-fork聊天室

    服务端 #!/usr/bin/python from socket import * import sys import os class Node(object): def __init__(sel ...