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

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 οnlοad="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>

 

转载于:https://www.cnblogs.com/zhouyu0001/p/9899570.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/484832.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

永动机与热力学定律

来源&#xff1a;力学酒吧 撰文&#xff1a;张伟伟热力学三大定律分别为能量守恒、熵增定律和绝对零度无法到达&#xff0c;人们对热力学定律的认识也是纠正永动机思想的过程&#xff0c;是人类“美好思想”不断“碰壁”的过程&#xff0c;这些“碰壁”对于个人成长有着深刻的启…

浅析ThreadLocal

线程本地变量 每个线程独立拥有&#xff0c;线程存在&#xff0c;ThreadLocal就一直存在。 使用场景&#xff1a;spring 事务 里面有m方法&#xff0c;m调用了m1&#xff0c;m2&#xff0c;比如m1&#xff0c;m2都去访问数据库 如果分别建立两个数据库连接&#xff0c;事务…

T-SQL删除存储过程

使用T-SQL脚本删除存储过程 语法&#xff1a; --声明数据库引用use 数据库名称;go --判断是否存在存储过程&#xff0c;如果存在则删除if exists(select * from sys.procedures where name存储过程名称)drop { proc | procedure } [架构名][.][存储过程名称];go 示例&#xff1…

工业机器人技术全解析,值得收藏!

来源&#xff1a;先进制造业一、工业机器人的发展背景1920年&#xff0c;捷克剧作家卡里洛奇别克在其科幻剧本《罗萨姆万能机器人制造公司》&#xff08;Rossums Universal Robots&#xff09;首次使用了ROBOT这个名词&#xff0c;之后便成为机器人的代名词。1938年3月&#xf…

Leetcode--781.森林中的兔子

森林中&#xff0c;每个兔子都有颜色。其中一些兔子&#xff08;可能是全部&#xff09;告诉你还有多少其他的兔子和自己有相同的颜色。我们将这些回答放在 answers 数组里。 返回森林中兔子的最少数量。 示例: 输入: answers [1, 1, 2] 输出: 5 解释: 两只回答了 "1&q…

JQuery 数组按指定长度分组

JQuery方法// 将data每3个一组进行分组var data [法国,澳大利亚,智利,新西兰,西班牙,加拿大,阿根廷,美国,0,国产,波多黎各,英国,比利时,德国,意大利,意大利,]; var result []; for(var i0,lendata.length;i<len;i3){result.push(data.slice(i,i3)); }lodash方法var data …

中科创星米磊:从五个方向筛选“硬科技”企业

来源&#xff1a;经济日报-中国经济网记者/梁 睿米磊建议创投和保荐机构从五个方面入手筛选“硬科技”企业&#xff1a;“围绕落实国家战略规划确定的科技发展方向或承担具体攻关任务的企业&#xff1b;拥有关键核心技术和先进技术的企业&#xff1b;科技创新和转化应用能力突出…

多线程下实现自增的几种方式

前情回顾&#xff1a;i操作并不是原子操作&#xff0c;因此多线程下会达不到预期的效果&#xff0c;需要通过加锁或AtomicInteger或LongAdder等方法来实现。 i可以分为三步 我们通过实验来观察实现i操作的方式。 下面实验中通过继承Thread实现了多线程 错误方法&#xff1a;…

Fast R-CNN(理解)

0 - 背景 经典的R-CNN存在以下几个问题&#xff1a; 训练分多步骤&#xff08;先在分类数据集上预训练&#xff0c;再进行fine-tune训练&#xff0c;然后再针对每个类别都训练一个线性SVM分类器&#xff0c;最后再用regressors对bounding box进行回归&#xff0c;并且bounding …

全球最顶级的十大创新公司

来源&#xff1a;中企思智库2021年2月英国著名的全球信息服务提供商科睿唯安发布了“2021年度全球百强创新机构”榜单&#xff0c;榜单通过衡量全球各大企业机构专利实力以及创新文化进行综合评选&#xff0c;具体排名如下&#xff1a;3M——是世界第一大创新企业&#xff0c;A…

读《redis设计与实现》笔记--redis数据结构

redis五大数据结构&#xff1a;string&#xff0c;hash&#xff0c;list&#xff0c;set&#xff0c;zset(有序集合) redis底层数据结构&#xff1a;简单动态字符串(SDS)&#xff0c;链表&#xff0c;字典&#xff0c;跳表&#xff0c;整数集合&#xff0c;压缩列表 底层数据…

Zookeeper实现Master选举(哨兵机制)

master选举使用场景及结构 现在很多时候我们的服务需要7*24小时工作&#xff0c;假如一台机器挂了&#xff0c;我们希望能有其它机器顶替它继续工作。此类问题现在多采用master-salve模式&#xff0c;也就是常说的主从模式&#xff0c;正常情况下主机提供服务&#xff0c;备机负…

一种用户-系统协同的概念模型

来源&#xff1a;人机与认知实验室翻译&#xff1a;何瑞麟&#xff0c;胡少波&#xff0c;关天海 一种用户-系统协同[的概念模型&#xff1a;增强复合型信息系统的易用性摘要世界各地的许多组织都使用复杂的信息系统&#xff08;例如&#xff0c;企业资源计划和供应链管理系统…

为Openstack制作CentOS7镜像

1&#xff09;CentOS7官方iso改名为centos7.iso并上传至控制节点的/home/image目录&#xff1b; [rootcontroller home]# mkdir image [rootcontroller home]# cd image/ [rootcontroller image]# ll 总用量 4365312 -rw-r--r-- 1 root root 4470079488 11月 3 13:38 centos7.…

下一代汽车的核心竞争力到底是什么?

来源&#xff1a;深城物联全球芯片短缺的情势下&#xff0c;汽车芯片的关注度持续走高。除了硬件外&#xff0c;最近&#xff0c;业内对于车辆软件系统的讨论也越来越热烈。华为近日发布了首款智能电动车极狐阿尔法S&#xff0c;HI版本上首次搭载了自研鸿蒙OS智能互联系统&…

Spring的AOP

1 IoC 1.1 导入jar包 l 4 1 &#xff1a; 4个核心&#xff08;beans、core、context、expression&#xff09; 1个依赖&#xff08;commons-loggins...jar&#xff09; 1.2 目标类 l 提供UserService接口和实现类 l 获得UserService实现类的实例 之前开发中&#xff0c;直接n…

NIO的多线程优化

单线程会浪费多核的优势 单线程如果在某一业务上花费时间过长&#xff0c;会影响其他业务的处理 boss负责连接&#xff0c;worker负责读写 服务端代码&#xff1a; package com.netty.demo;import java.io.IOException; import java.net.InetSocketAddress; import java.nio…

国产CPU深度研究报告(干货,110页)

来源&#xff1a;特大牛 来自特大号&#xff08;ITXXXL&#xff09;来自特大号&#xff08;ITXXXL&#xff09;来自特大号&#xff08;ITXXXL&#xff09;来自特大号&#xff08;ITXXXL&#xff09;来自特大号&#xff08;ITXXXL&#xff09;未来智能实验室的主要工作包括&…

logging模块(* * * * *)

一 (简单应用)、 import logging logging.debug(debug message) logging.info(info message) logging.warning(warning message) logging.error(error message) logging.critical(critical message) 输出&#xff1a; WARNING:root:warning messageERROR:root:erro…

业界首个!华为联合中国信通院等发布《网络体系强基展望白皮书》

来源&#xff1a; 华为数据通信编辑&#xff1a; 杨盼近日&#xff0c;华为联合中国信息通信研究院等单位&#xff0c;共同发布《网络体系强基展望白皮书》(以下简称《白皮书》)。《网络体系强基展望白皮书》从工业网络现状、趋势和需求出发&#xff0c;首次提出了“工业设备网…