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 相关文章推荐
div层的移动及性能优化
Nov 16 Javascript
jQuery contains过滤器实现精确匹配使用方法
Apr 12 Javascript
jquery模拟SELECT下拉框取值效果
Oct 23 Javascript
jquery隐藏标签和显示标签的实例
Nov 11 Javascript
使用AOP改善javascript代码
May 01 Javascript
jQuery实现图像旋转动画效果
May 29 Javascript
基于vue的下拉刷新指令和滚动刷新指令
Dec 23 Javascript
vue.js+Echarts开发图表放大缩小功能实例
Jun 09 Javascript
详解a++和++a的区别
Aug 30 Javascript
JavaScript canvas实现围绕旋转动画
Nov 18 Javascript
Vue项目服务器部署之子目录部署方法
May 12 Javascript
vant IndexBar实现的城市列表的示例代码
Nov 20 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循环检测目录是否存在并创建(循环创建目录)
2011/01/06 PHP
利用PHP实现短域名互转
2013/07/05 PHP
ThinkPHP查询中的魔术方法简述
2014/06/25 PHP
用js实现下载远程文件并保存在本地的脚本
2008/05/06 Javascript
JS无限树状列表实现代码
2011/01/11 Javascript
node.js操作mongoDB数据库示例分享
2014/11/26 Javascript
js游戏人物上下左右跑步效果代码分享
2015/08/28 Javascript
JS实现仿新浪黄色经典滑动门效果代码
2015/09/27 Javascript
JavaScript模仿Pinterest实现图片预加载功能
2016/10/25 Javascript
BootstrapTable请求数据时设置超时(timeout)的方法
2017/01/22 Javascript
实现微信小程序的wxml文件和wxss文件在webstrom的支持
2017/06/12 Javascript
vue中子组件调用兄弟组件方法
2018/07/06 Javascript
VueCli3.0中集成MockApi的方法示例
2019/07/05 Javascript
微信小程序 可搜索的地址选择实现详解
2019/08/28 Javascript
OpenLayers实现图层切换控件
2020/09/25 Javascript
[03:54]Ehome出征西雅图 回顾2016国际邀请赛晋级之路
2016/08/02 DOTA
Python的shutil模块中文件的复制操作函数详解
2016/07/05 Python
python字符串str和字节数组相互转化方法
2017/03/18 Python
django框架如何集成celery进行开发
2017/05/24 Python
CentOS7安装Python3的教程详解
2019/04/10 Python
Python画图高斯分布的示例
2019/07/10 Python
tensorflow实现读取模型中保存的值 tf.train.NewCheckpointReader
2020/02/10 Python
英国家喻户晓的折扣商场:TK Maxx
2017/05/26 全球购物
西班牙最大的婴儿用品网上商店:Bebitus
2019/05/30 全球购物
高校毕业生登记表自我鉴定
2013/11/03 职场文书
护理专业应届毕业生推荐信
2013/11/15 职场文书
小学生环保标语
2014/06/13 职场文书
高一课前三分钟演讲稿
2014/09/13 职场文书
党的群众路线教育实践活动个人批评与自我批评
2014/10/16 职场文书
世界红十字日活动总结
2015/02/10 职场文书
html+css合并表格边框的示例代码
2021/03/31 HTML / CSS
MySQL分库分表详情
2021/09/25 MySQL
JavaScript实例 ODO List分析
2022/01/22 Javascript
Python中的tkinter库简单案例详解
2022/01/22 Python
mysql 获取时间方式
2022/03/20 MySQL
原生JS实现分页
2022/04/19 Javascript