一.js方式的页面跳转
1.window.location.href方式
<script language="javascript" type="text/javascript">
window.location.href="http://www.baidu.com";
</script>
2.window.navigate方式跳转
<script language="javascript">
window.navigate("http://www.baidu.com");
</script>
3.window.loction.replace方式实现页面跳转，注意跟第一种方式的区别
<script language="javascript">
window.location.replace("http://www.baidu.com");
</script>
有3个jsp页面(1.aspx, 2.aspx, 3.aspx)，进系统默认的是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='http://www.baidu.com';
</script>
5.top.location
<script language="javascript">
top.location='http://www.baidu.com';
</script>
6.不推荐如下方式跳转
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>
meta方式实现跳转(content = 3 单位是秒)
<meta http-equiv=refresh content=3;URL="http://www.baidu.com">
二.返回上一页下一页
1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2);
2. history.back().
3. window.history.forward()返回下一页
4. window.history.go(返回第几页,也可以使用访问过的URL)
实例：
<a href="javascript:history.go(-1);">向上一页</a>
response.Write("<script language=javascript>")
response.Write("if(!confirm('完成任务?')){history.back();}")
response.Write("</script>")
response.Write("<script language=javascript>history.go(-1);</script>")
页面跳转：
onclick="window.location.href='http://www.baidu.com'"
三.Javascript刷新页面的几种方法
1.history.go(0)
2.location.reload()
3.location=location
4.location.assign(location)
5.document.execCommand('Refresh')
6.window.navigate(location)
7.location.replace(location)
8.document.URL=location.href
自动刷新页面的方法：
1.页面自动刷新：把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次页面
2.页面自动跳转：把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20;url=http://www.baidu.com">
其中20指隔20秒后跳转到http://www.baidu.com页面
3.页面自动刷新js版
<script language="JavaScript">
<!--
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
// -->
</script>
四.JS刷新框架的脚本语句
1.刷新包含该框架的页面用
<script language=JavaScript> parent.location.reload(); </script>
2.子窗口刷新父窗口
<script language=JavaScript>
self.opener.location.reload();
</script>
或
<a href="javascript:opener.location.reload()">刷新</a>
3.刷新另一个框架的页面用
<script language=JavaScript> parent.另一FrameID.location.reload(); </script>
4.如果想关闭窗口时刷新或者想开窗时刷新的话，在<body>中调用以下语句即可
<body onload="opener.location.reload()"> 开窗时刷新 <body onUnload="opener.location.reload()"> 关闭时刷新 <script language="javascript"> <!-- window.opener.document.location.reload() //--> </script>
PS：JS引用JS小技巧
<script type=text/javascript>
<!--
if (typeof SWFObject == "undefined") {
document.write('<scr' + 'ipt type="text/javascript" src="/scripts/swfobject-1.5.js"></scr' + 'ipt>');
}
// -->
</script>
文章来源：http://gaoyaohuachina.iteye.com/blog/2067760
相关推荐
特别是在页面跳转方面，JS提供了多种方式来实现这一功能，这些方法各有特点，适用于不同的场景需求。下面将详细介绍几种常见的JS页面跳转技术及其应用场景。 ### 1. 使用`window.location.href` 这是最常用的一种...
在IT领域，特别是前端开发中，JavaScript（简称JS）被广泛用于实现网页的动态功能，包括页面跳转和对iframe内的页面进行跳转与刷新。本文将深入解析JS页面跳转的各种方法，以及如何利用JS操作iframe进行页面跳转和...
在本文中，我们将总结多种JavaScript页面跳转代码，包括使用window.location.href、window.history.back、window.navigate、self.location等方法。 第一种：使用window.location.href window.location.href是...
本文将详细介绍几种常用的JavaScript页面跳转方法，并分析各自的适用场景。 #### 1. 使用 `window.location.href` 这是最常见也是最直接的方式，它通过修改`window.location`对象的`href`属性来实现页面跳转。例如...
JS 页面跳转方法大全 JS 页面跳转方法是 Web 开发中常用的技术之一，用于在不同的页面之间跳转。下面是 JS 页面跳转方法的详细知识点： 1. 使用 window.location.href 实现页面跳转 window.location.href 属性...
### JS页面跳转详解 #### 一、概述 在Web开发中，页面跳转是非常常见的需求之一。通过JavaScript可以非常灵活地控制页面的导航逻辑，无论是打开新的窗口、跳转到指定页面还是处理复杂的导航历史，JavaScript都能...
本文将详细介绍几种常见的JavaScript页面跳转方法及其应用场景。 ### 1. `window.location.href`属性 #### 实现方式： ```javascript <script language="javascript" type="text/javascript"> window.location....
### JS页面跳转代码汇总及解析 #### 一、通过`window.location.href`进行页面跳转 **示例代码：** ```javascript <script language="javascript" type="text/javascript"> window.location.href = "login.jsp?...
### JS页面跳转和自动刷新知识点详解 #### 一、页面跳转方法及其实现原理 页面跳转在Web开发中是一项非常基础且重要的功能，它涉及到用户在不同页面之间的导航与交互。JavaScript提供了多种方式来实现页面跳转，每...
### JavaScript页面跳转与自动刷新相关知识点 #### 一、JavaScript刷新页面的多种方法 JavaScript提供了多种方式来刷新页面，具体方法如下： 1. **`history.go(0)`** - 这个方法用于重新加载当前文档。 - **...
JavaScript 页面跳转常用代码 JavaScript 页面跳转是一种常见的网页交互方式，通过JavaScript 代码可以实现页面的跳转、刷新和关闭等操作。在本文中，我们将介绍 JavaScript 页面跳转常用代码，包括页面刷新、自动...
Javascript 页面跳转和刷新的常用代码整理 Javascript 是一种广泛应用于网页开发的脚本语言，它可以实现网页的动态交互和页面跳转。下面我们将对 Javascript 实现页面跳转和刷新的常用代码进行整理。 页面刷新 ...
本文将详细介绍几种常见的JavaScript页面跳转方法及其应用场景。 #### 二、知识点详解 ##### 1. `window.location.href` 方式 `window.location.href` 属性用于获取或设置当前文档的URL。当我们将它的值设置为一个...
### 页面跳转JS获取传递的参数 在Web开发过程中，页面间的跳转及参数传递是极为常见的需求之一。本文将详细介绍几种通过JavaScript实现页面跳转并获取传递参数的方法。 #### 方法一：使用`window.location.href` ...
a标签跳转打开新页面
JS 跳转页面方法是指使用 JavaScript 实现页面跳转的方法，这些方法可以在 Web 开发中广泛应用。下面将对 JS 跳转页面方法进行详细的介绍和分析，并提供相应的参考代码。 JS 跳转页面方法 1. 使用 `window....
### JavaScript 页面跳转方法详解 #### 一、概述 JavaScript 是一种广泛应用于网页开发中的脚本语言，可以实现丰富的交互效果。其中，页面跳转是前端开发中非常基础且重要的功能之一。根据提供的文件信息，我们...
下面我们将深入探讨JavaScript页面跳转的原理、方法及其在实际应用中的技巧。 一、基本跳转方式 1. `window.location`对象：JavaScript提供了`window.location`对象来处理当前窗口的URL。我们可以直接修改`window....