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. leetcode-733-Flood Fill

    题目描述: An image is represented by a 2-D array of integers, each integer representing the pixel value ...

  2. python3的全局变量和局部变量

    局部变量 定义在函数体内部的变量称为局部变量 函数的形参也是局部变量 局部变量的作用范围只在声明该局部变量的函数体内 局部变量在函数调用时被创建,在函数调用完成后自动销毁 全局变量 定义在函数体外,模 ...

  3. Luogu P1342 请柬 题解

    差不多是Dijkstra的裸题吧... 这道题可以分为来回两个阶段. 去的时候很简单,直接用一次Dijkstra,然后统计答案. 回来的时候就有些巧妙了,虽然表面上是每个点回到起点,但是何尝不可将其看 ...

  4. 说说MySQL权限

    前言 今天继续MySQL系列文章,讲讲MySQL权限相关的内容.我们都知道,在写系统的时候,都会有权限相关的服务,以达到权限控制的目的.以最简单的权限菜单为例: 管理员拥有最大权限,可以查看系统下所有 ...

  5. 配置 CentOS 7 安装位置

    红框里是CentOS 7安装程序检测到的硬盘,选择你想把系统安装到哪个硬盘当中. 点击 Add disk 按钮可以添加指定的附加设备或者网络设备(通过ISCSI.FCoE等方式添加硬盘) 此处设置分区 ...

  6. BLE pairing vs. bonding

    differece between pairing and bonding .see

  7. 织梦dede解决“更新数据库archives表时出错＂方法

    登陆dedecms网站管理后台,选择执行 sql命令工具,将下列命令执复制进去并执行多行执行,该问题就可以解决. alter table `idea_archives` ADD `voteid` me ...

  8. java代理-cglib

    前面说到了java的动态代理,但是动态代理依赖于接口,这次来看看cglib来实现的代理... 假设有如下方法,这回没有说接口哦~ package proxy.cglibProxy; public cl ...

  9. QT下载地址大全

    1. 所有Qt版本下载地址: http://download.qt.io/archive/qt/ 2. 所有Qt Creator下载地址: http://download.qt.io/archive/ ...

  10. 【转】让Entity Framework不再私闯sys.databases

    这里的“私闯sys.databases”是指Entity Framework默认发起的查询:SELECT Count(*) FROM sys.databases WHERE [name]=N'数据库名 ...