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 相关文章推荐
JQuery在光标位置插入内容的实现代码
Jun 18 Javascript
JS实现随机化快速排序的实例代码
Aug 01 Javascript
js中settimeout方法加参数的使用实例
Feb 27 Javascript
node.js中的fs.unlinkSync方法使用说明
Dec 15 Javascript
Node.js中调用mysql存储过程示例
Dec 20 Javascript
js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法
Apr 25 Javascript
JavaScript多图片上传案例
Sep 28 Javascript
原生js实现class的添加和删除简单代码
Jul 12 Javascript
实现图片首尾平滑轮播(JS原生方法—节流)
Oct 17 Javascript
微信小程序开发之左右分栏效果的实例代码
May 20 Javascript
python实现迭代法求方程组的根过程解析
Nov 25 Javascript
ant design中upload组件上传大文件,显示进度条进度的实例
Oct 29 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类声明和php类使用方法示例分享
2014/03/29 PHP
php过滤html中的其他网站链接的方法(域名白名单功能)
2014/04/24 PHP
thinkPHP实现MemCache分布式缓存功能
2016/03/23 PHP
php查看一个变量的占用内存的实例代码
2020/03/29 PHP
jQuery get和post 方法传值注意事项
2009/11/03 Javascript
jquery实现仿JqueryUi可拖动的DIV实例
2015/07/31 Javascript
异步JS框架的作用以及实现方法
2015/10/29 Javascript
JavaScript 实现的 zip 压缩和解压缩工具包Zip.js使用详解
2015/12/14 Javascript
基于javascript实现图片切换效果
2016/04/17 Javascript
jquery实现全选和全不选功能效果的实现代码【推荐】
2016/05/05 Javascript
第八篇Bootstrap下拉菜单实例代码
2016/06/21 Javascript
bootstrap table复杂操作代码
2016/11/01 Javascript
bootstrap IE8 兼容性处理
2017/03/22 Javascript
ES6中javascript实现函数绑定及类的事件绑定功能详解
2017/11/08 Javascript
利用nginx + node在阿里云部署https的步骤详解
2017/12/19 Javascript
vue2过滤器模糊查询方法
2018/09/16 Javascript
微信小程序日历效果
2018/12/29 Javascript
如何为vuex实现带参数的 getter和state.commit
2019/01/04 Javascript
浅谈关于vue中scss公用的解决方案
2019/12/02 Javascript
vue 查看dist文件里的结构(多种方式)
2020/01/17 Javascript
vuex Module将 store 分割成模块的操作
2020/12/07 Vue.js
利用python批量检查网站的可用性
2016/09/09 Python
Python 实现引用其他.py文件中的类和类的方法
2018/04/29 Python
用python拟合等角螺线的实现示例
2019/12/27 Python
Python xlrd excel文件操作代码实例
2020/03/10 Python
基于Django快速集成Echarts代码示例
2020/12/01 Python
利用纯CSS3实现动态的自行车特效源码
2017/01/20 HTML / CSS
一道Delphi上机题
2012/06/04 面试题
计算机专业毕业生自荐信
2013/12/31 职场文书
《走一步再走一步》教学反思
2014/02/15 职场文书
高中语文课后反思
2014/04/27 职场文书
领导班子四风问题个人对照检查材料
2014/10/04 职场文书
个人授权委托书范本格式
2014/10/12 职场文书
党的群众路线教育实践活动总结大会主持词
2014/10/30 职场文书
2014年财政工作总结
2014/12/10 职场文书
python关于集合的知识案例详解
2021/05/30 Python