常用的js跳转页面方法实现汇总

摘要:
是-选择确定,否-选择取消"))...{window.location.href="http://t.zoukankan.com/logout.asp?act=logout"}10.JS跳转页面延迟window.setTimeout;//两秒后跳转新页面

1.window.location.href方式

<script language="javascript" type="text/javascript">
           window.location.href="target.jsp"; 
</script>

2.window.navigate方式跳转

<script language="javascript">
    window.navigate("target.jsp");
</script>

3.window.loction.replace方式实现页面跳转,注意跟第一种方式的区别

<script language="javascript">
    window.location.replace("target.aspx");
</script>

有3个jsp页面(1.jsp, 2.jsp, 3.jsp)。

进系统默认的是1.aspx,

当我进入2.aspx的时候, 2.aspx里面用window.location.replace("3.aspx");

与用window.location.href ("3.aspx");

从用户界面来看 是没有什么区别的,但是当3.aspx页面有一个"返回"按钮,调用window.history.go(-1); wondow.history.back();方法的时候,一点这个返回按钮就要返回2.aspx页面的话,区别就出来了,当用 window.location.replace("3.aspx");连到3.aspx页面的话,3.aspx页面中的调用 window.history.go(-1);wondow.history.back();方法是不好用的,会返回到1.aspx。

4.self.location方式实现页面跳转,和下面的top.location有小小区别

  <script language="JavaScript">
          self.location='target.aspx';
   </script>

5.top.location

   <script language="javascript">
          top.location='target.aspx';
   </script>

6.不推荐这种方式跳转

<script language="javascript">
    alert("返回");
    window.history.back(-1);
</script>

Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2);

window.history.forward() 返回下一页

window.history.go(返回第几页,也可以使用访问过的URL)

7. meta方式实现跳转(content = 3 单位是秒)

<meta http-equiv=refresh content=3;URL="http://www.souvc.com">

8.javascript中弹出选择框跳转到其他页面

<script language="javascript"> 
functionlogout()...{ 
if (confirm("你确定要注销身份吗?是-选择确定,否-选择取消"))...{ 
window.location.href="logout.asp?act=logout"
} 
}
</script> 

9.javascript中弹出提示框跳转到其他页面

<script language="javascript">
functionlogout()...{
alert("你确定要注销身份吗?");
window.location.href="logout.asp?act=logout"
}
</script> 

10.JS 跳转页面延迟

window.setTimeout("window.location='index.shtml'",2000);
//两秒后跳转新页面

免责声明:文章转载自《常用的js跳转页面方法实现汇总》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇汇编语言程序设计读书笔记(2)- 相关工具64位系统篇对比SerialCommunication和微软的SerialPort,向SerialPort看齐下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

关于浏览器对html, js,css的解析先后顺序的理解

1.首先要了解页面的结构(包含哪些元素?哪些计算机语言能够在页面中运行 ) (1)html          不仅可以包含文字,还可以包含图片、链接,甚至音乐、程序等非文字元素的标记语言          (展示给用户,不能太单调,css) (2)css          是一种用来表现HTML的计算机语言,能使HTML页面变得更加美观        ...

JavaScript加密库CryptoJS的使用

先来图片一张,看看效果(一个采用Crypto-JS实现的加密/解密工具展示): CryptoJS (crypto.js) 为 JavaScript 提供了各种各样的加密算法。目前已支持的算法包括: MD5 SHA-1 SHA-256 AES Rabbit MARC4 HMAC HMAC-MD5 HMAC-SHA1 HMAC-SHA256 PBKD...

Chart.js实现饼图

页面: 引入静态脚本: <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>   <script src="https://code.highcharts.com/highcharts.js"></script&g...

浅谈Sass与Less区别、优缺点

  Sass是一种动态样式语言,Sass语法的缩排语法,比Css比多出很多功能,如变量,嵌套,运算,继承,颜色处理,函数等,易于阅读。Cass的安装需要安装Ruby环境,是服务器端处理的,Less是需要引入Less.js来处理代码输出css到浏览器,也可以在开发环节使用Less,然后编译成css文件,直接放在项目中,有less.app、SimpleLess...

javascript 设置cookie(转)

原文地址:http://www.cnblogs.com/xiaochaohuashengmi/archive/2010/06/13/1757658.html 设置cookie每个cookie都是一个名/值对,可以把下面这样一个字符串赋值给document.cookie:document.cookie="userId=828";如果要一次存储多个名/值对,可以...

Javascript 刷新框架及页面的方法总集

项目中会用到很多关于框架页面刷新的方法。先来看一个简单的例子:下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。frame.html 由上(top.html)下(bottom.html)两个页面组成,代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4...