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


Posted in Javascript onSeptember 09, 2013

第一种:

    <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="https://3water.com" 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 = "https://3water.com";
        }        
    } 
</script>
Javascript 相关文章推荐
封装了一个js图片轮换效果的函数
Sep 28 Javascript
web性能优化之javascript性能调优
Dec 28 Javascript
关于js中for in的缺陷浅析
Dec 02 Javascript
javascript运动详解
Jul 06 Javascript
JavaScript函数节流和函数防抖之间的区别
Feb 15 Javascript
AngularJS页面传参的5种方式
Apr 01 Javascript
js上传图片预览的实现方法
May 09 Javascript
angularJS利用ng-repeat遍历二维数组的实例代码
Jun 03 Javascript
使用命令行工具npm新创建一个vue项目的方法
Dec 27 Javascript
使用react render props实现倒计时的示例代码
Dec 06 Javascript
JS实现可视化音频效果的实例代码
Jan 16 Javascript
JavaScript 函数用法详解【函数定义、参数、绑定、作用域、闭包等】
May 12 Javascript
json格式的时间显示为正常年月日的方法
Sep 08 #Javascript
js获取系统的根路径实现介绍
Sep 08 #Javascript
对于this和$(this)的个人理解
Sep 08 #Javascript
js函数获取html中className所在的内容并去除标签
Sep 08 #Javascript
可自己添加html的伪弹出框实现代码
Sep 08 #Javascript
js处理json以及字符串的比较等常用操作
Sep 08 #Javascript
Jquery.addClass始终无效原因分析
Sep 08 #Javascript
You might like
一个PHP+MSSQL分页的例子
2006/10/09 PHP
PHP数据流应用的一个简单实例
2012/09/14 PHP
php 流程控制switch的简单实例
2016/06/07 PHP
浅析PHP数据导出知识点
2018/02/17 PHP
javascript 面向对象编程 function也是类
2009/09/17 Javascript
node.js Web应用框架Express入门指南
2014/05/28 Javascript
js实现动态加载脚本的方法实例汇总
2015/11/02 Javascript
Jquery左右滑动插件之实现超级炫酷动画效果附源码下载
2015/12/02 Javascript
js与jQuery实现checkbox复选框全选/全不选的方法
2016/01/05 Javascript
jQuery.deferred对象使用详解
2016/03/18 Javascript
jQuery深拷贝Json对象简单示例
2016/07/06 Javascript
BootStrap 图片样式、辅助类样式和CSS组件的实例详解
2017/01/20 Javascript
浅谈jQuery中的$.extend方法来扩展JSON对象
2017/02/12 Javascript
利用策略模式与装饰模式扩展JavaScript表单验证功能
2017/02/14 Javascript
浅析JavaScript中的特殊数据类型
2017/12/15 Javascript
vue-router源码之history类的浅析
2019/05/21 Javascript
js实现无缝轮播图
2020/03/09 Javascript
微信小程序文章列表功能完整实例
2020/06/03 Javascript
openLayer4实现动态改变标注图标
2020/08/17 Javascript
python两种遍历字典(dict)的方法比较
2014/05/29 Python
Python中字符编码简介、方法及使用建议
2015/01/08 Python
python利用小波分析进行特征提取的实例
2019/01/09 Python
基于python 等频分箱qcut问题的解决
2020/03/03 Python
Canvas与Image互相转换示例代码
2013/08/09 HTML / CSS
中邮全球便购:中国邮政速递物流
2017/03/04 全球购物
ReVive利维肤美国官网:RéVive Skincare
2018/04/18 全球购物
公积金转移接收函
2014/01/11 职场文书
作弊检讨书1000字
2014/02/01 职场文书
电子信息专业自荐书
2014/02/04 职场文书
大队干部竞选演讲稿
2014/04/28 职场文书
党的群众路线对照检查材料思想汇报
2014/09/25 职场文书
中学生自我评价2015
2015/03/03 职场文书
MySQL 隔离数据列和前缀索引的使用总结
2021/05/14 MySQL
Python数据可视化之基于pyecharts实现的地理图表的绘制
2021/06/10 Python
css3带你实现3D转换效果
2022/02/24 HTML / CSS
Tomcat安装使用及部署Web项目的3种方法汇总
2022/08/14 Servers