`
rex_wong
  • 浏览: 17409 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
社区版块
存档分类
最新评论

js实现页面跳转的几种方式

阅读更多
通过js或者html或者php等动态程序都可以方便的实现跳转,这里搜集了几种页面跳转的方式
js方式的页面跳转
1.window.location.href方式
    <script language="javascript" type="text/javascript">
           window.location.href="http://www.dayanmei.com/";
    </script>

2.window.navigate方式跳转
   <script language="javascript">
    window.navigate("top.jsp");
  </script>
3.window.loction.replace方式实现页面跳转,注意跟第一种方式的区别
<script language="javascript">
    window.location.replace("http://www.dayanmei.com");
</script>
有3个jsp页面(1.jsp, 2.jsp, 3.jsp),进系统默认的是1.jsp ,当我进入2.jsp的时候, 2.jsp里面用window.location.replace("3.jsp");与用window.location.href ("3.jsp");从用户界面来看是没有什么区别的,但是当3.jsp页面有一个"返回"按钮,调用window.history.go(-1); wondow.history.back();方法的时候,一点这个返回按钮就要返回2.jsp页面的话,区别就出来了,当用 window.location.replace("3.jsp");连到3.jsp页面的话,3.jsp页面中的调用 window.history.go(-1);wondow.history.back();方法是不好用的,会返回到1.jsp 。

4.self.location方式实现页面跳转,和下面的top.location有小小区别
   <script language="JavaScript">
          self.location='top.htm';
   </script>

5.top.location
   <script language="javascript">
          top.location='xx.jsp';
   </script>
6.不推荐这种方式跳转
    <script language="javascript">
    alert("返回");
    window.history.back(-1);
   </script>
在php程序中,这种方式跳转前面不能有任何输出
<?php
header("url.php");
?>
meta方式实现跳转(content = 3 单位是秒)
<meta http-equiv=refresh content=3;URL="http://www.dayanmei.com">
文章来自:老李的日志。源地址:http://www.dayanmei.com/blog.php/ID_815.htm
分享到:
评论

相关推荐

    sp\button和submit的区别及使用js实现页面跳转的方式

    sp\button和submit的区别及使用js实现页面跳转的方式 Button和Submit是两个常用的HTML表单元素,它们都是用于提交表单的,但是它们之间存在着一些区别。 首先,Button类型的按钮仅仅是一个普通的按钮,点击它不会...

    js页面跳转 js页面跳转代码汇总

    下面将详细介绍几种常见的JS页面跳转技术及其应用场景。 ### 1. 使用`window.location.href` 这是最常用的一种页面跳转方法,通过改变`window.location.href`属性的值来实现页面跳转。例如: ```javascript ...

    JS页面跳转和js对iframe进行页面跳转、刷新

    以上介绍了几种常见的JS页面跳转和对iframe进行页面跳转与刷新的方法。开发者可以根据实际需求选择合适的方式,以达到预期的页面导航效果。需要注意的是,在进行页面跳转和刷新操作时,应考虑到用户体验和浏览器的...

    页面加载完成,js实现自动跳转

    js实现自动跳转,大家多下哈, 资源难得,几秒种跳转只需要修改后面的参数就行了!

    js方式的页面跳转

    本文将详细介绍几种常见的JavaScript页面跳转方法及其应用场景。 #### 二、知识点详解 ##### 1. `window.location.href` 方式 `window.location.href` 属性用于获取或设置当前文档的URL。当我们将它的值设置为一个...

    JavaScript实现页面跳转的几种常用方式

    在本文中,我们将探讨JavaScript实现页面跳转的几种常见方法。 1. 使用`window.location.href`属性: 这是最常用的页面跳转方式。通过设置`window.location.href`的值为新的URL,浏览器会加载指定的页面。例如: ...

    react-router4.2使用js控制路由跳转的3种方式

    尽管在早期版本中,开发者可以直接通过`this.props.history.push`来实现页面跳转,但在4.2版本中,这种方式已经不再支持。为了满足使用JS代码进行路由跳转的需求,React Router 4.2提供了一些新的解决方案。 #### ...

    js实现页面跳转重定向的几种方式

    以下是对标题和描述中提到的五种JavaScript实现页面跳转重定向方法的详细解释: 1. **使用`window.location.href`**: 这是最常用的页面跳转方式。`window.location`对象包含了当前窗口的URL信息,而`href`属性...

    js页面跳转 多种javascript页面中转方法

    本文将详细介绍几种常见的JavaScript页面跳转方法及其应用场景。 ### 1. `window.location.href`属性 #### 实现方式: ```javascript &lt;script language="javascript" type="text/javascript"&gt; window.location....

    Javascript实现页面跳转的几种方式分享

    这里我们将详细探讨几种使用JavaScript实现页面跳转的方法。 首先,我们来看第一种方式,通过`window.location.href`属性来实现跳转。这个方法是最常见也最直接的页面跳转方式。例如: ```javascript window....

    php页面自动跳转的几种实现方法

    ### PHP 页面自动跳转的几种实现方法 在网站开发中,页面自动跳转是一个非常实用的功能,它能够帮助用户在完成某些操作后自动导航到下一个页面。PHP 作为一种广泛使用的服务器端脚本语言,提供了多种方式来实现页面...

    js页面跳转整理。。

    这是一种非常直接的页面跳转方式,它可以通过改变`window.location.href`属性来改变当前页面的URL,从而实现页面跳转。例如: ```javascript &lt;script language="javascript" type="text/javascript"&gt; window....

    页面跳转js获取传递的参数

    本文将详细介绍几种通过JavaScript实现页面跳转并获取传递参数的方法。 #### 方法一:使用`window.location.href` ```javascript // 通过修改当前窗口的location.href属性来实现页面跳转,并附带参数 window....

    js实现页面跳转的几种方法小结

    下面将介绍几种常见的JavaScript页面跳转方法: 1. location.href跳转 location对象的href属性可以设置新的URL地址,实现页面的跳转。例如: ```javascript location.href = '//***/'; ``` 这段代码会将当前页面...

    JS控制div跳转到指定的位置的几种解决方案总结

    本文介绍了几种使用JavaScript实现页面滚动到指定div位置的解决方案。这些方法主要包括锚点法、jQuery的animate方法、window.scrollTo方法和scrollIntoView方法。下面将详细解析每种方法的原理、使用方法及优缺点。 ...

    js页面跳转和自动刷新

    页面刷新可以通过以下几种方式实现: 1. **`window.location.reload()`** - **语法**: ```javascript window.location.reload(); ``` - **说明**:该方法用于重新加载当前文档。默认情况下,它会使用缓存版本...

    纯js实现分页 可跳转指定页

    本文将详细讨论如何使用纯JavaScript实现分页功能,以及如何实现跳转指定页和自定义样式。 首先,我们需要理解分页的基本原理。分页通常涉及到两个关键参数:每页显示的数据量(每页条数)和当前页数。根据这些参数...

Global site tag (gtag.js) - Google Analytics