`

js控制页面跳转

 
阅读更多
js控制页面跳转

 1 window.open("http://www.xxx.com", "_self")
  此方法的作用是控制济览器打开窗口,加上"_self"属性时在自身窗口打开。


2 location对像是window对像的一个子对像,可以使用如下方法:
  window.location = "http://www.xxx.com";
  window.location.href = "http://www.xxx.com";
  这两种方法和
  location = "http://www.xxx.com";
  location.href = "http://www.xxx.com";
  是等价的。这几种方式在各个浏览器下支持较好,且执行后后面的代码仍然会起作用。


  location还有一个replace()方法,作用是导航到指定页面,并且屏蔽“后退”按钮。这个方法

在安全级别较高的场合如银行系统中比较有用,但它在VISTA+IE7下无法屏蔽“后退”按钮,可能

是因为VISTA安全设置的问题,禁止了脚本对浏览器的操作。


  window.top.location = "http://www.xxx.com";
  top.location.href = "http://www.xxx.com";
  这两种写法等价,一般应用在框架中,作用是在母框架打开,即将整个页面替换掉。


3 window.history.go(-1);/window.history.back();
  window.history.go(1);/window.history.forward();
  前两个方法作用相当于“后退”按钮,后两个方法相当于“前进”按钮。这些方法在VISTA下同样会有问题。


4 document.URL = "http://www.xxx.com")
  此方法设置了页面的URL后,后面的代码依然会执行,但它在在FireFox下不通用,建议一般使用location的相关方法


1、window.open之后,子页面关闭之前刷新子页面,目前测试过的刷新方法:
1.1 window.opener.location.reload(); 该方式使用时会提示你是否确定刷新,比较烦人。
1.2 window.opener.location.href=window.opener.location.href; 该方式不会弹窗;
 
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 



转自:http://blog.csdn.net/lolinzhang/article/details/3952128
分享到:
评论

相关推荐

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

    特别是在页面跳转方面,JS提供了多种方式来实现这一功能,这些方法各有特点,适用于不同的场景需求。下面将详细介绍几种常见的JS页面跳转技术及其应用场景。 ### 1. 使用`window.location.href` 这是最常用的一种...

    javasript控制页面跳转

    我们先来深入理解JavaScript控制页面跳转的基本原理和常见方法。 在JavaScript中,我们可以使用`window.location`对象来改变当前窗口的位置,实现页面跳转。`location`对象包含了当前URL的所有信息,如协议、主机名...

    js 控制页面跳转的5种方法

    本文将详细解释如何使用JavaScript控制页面跳转的五种方法,并展示如何使用JavaScript实现自动跳转到其他页面的功能。 首先,介绍五种使用JavaScript控制页面跳转的方法: 1. 使用window.location.href属性 window...

    JS控制页面跳转时未请求要跳转的地址怎么回事

    其实,想表达的仅仅是,在js中通过[removed].href控制页面跳转时,有时会跳转至缓存页面,并没有真正去请求要跳转的地址,导致页面数据未能及时加载刷新。 直奔code… 解决办法: 在HTML中埋入隐藏from,通过js调用...

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

    在Web开发中,页面内的导航跳转到特定的内容位置是一项常见需求。本文介绍了几种使用JavaScript实现页面滚动到指定div位置的解决方案。这些方法主要包括锚点法、jQuery的animate方法、window.scrollTo方法和...

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

    通过JavaScript,我们可以非常灵活地控制页面的导航逻辑,提高用户体验并优化应用性能。本文将详细介绍几种常用的JavaScript页面跳转方法,并分析各自的适用场景。 #### 1. 使用 `window.location.href` 这是最...

    websocket连接两个页面,一个页面控制另外一个页面跳转。

    在"大客户端控制小客户端页面跳转"的应用中,大客户端作为WebSocket的发送端,向服务器发送特定的控制指令,例如"jump"命令。这个命令包含目标URL,表明需要小客户端跳转到的页面(如百度)。服务器接收到这个命令后...

    js页面跳转整理。。

    通过JavaScript可以非常灵活地控制页面的导航逻辑,无论是打开新的窗口、跳转到指定页面还是处理复杂的导航历史,JavaScript都能提供强大的支持。本文将对JS页面跳转的各种方式进行详细介绍,并分析它们之间的差异及...

    页面自定跳转 超链接 跳转 jsp页面跳转

    在使用JavaScript进行页面跳转时,不同浏览器对DOM(文档对象模型)的支持程度不一,特别是对于`innerText`和`textContent`属性的处理。`innerText`主要被IE浏览器支持,而`textContent`则广泛应用于其他现代浏览器...

    qt-quick QML页面跳转

    通过定义`Item`或其子类(如`Rectangle`、`Column`等)来创建元素,然后可以通过属性绑定和JavaScript代码来控制它们的行为。 ### 单页面跳转 在单页面跳转中,我们通常在一个QML文件中管理所有的视图状态。例如,...

    JS 跳转页面延迟方法

    总结一下,JavaScript提供了多种方法实现延迟页面跳转,其中`setTimeout`是最常用的选择。通过理解这些方法的工作原理和使用场景,我们可以根据项目需求灵活地控制页面导航的时机。同时,注意适时使用`clearTimeout`...

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

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

    js实现多长时间页面跳转

    在探讨“js实现多长时间页面跳转”的主题时,我们主要关注的是如何使用JavaScript来控制网页在特定时间后自动跳转到另一个页面。这在很多场景下都非常实用,比如在登录成功后显示一个短暂的欢迎页面,或者在完成某个...

    ASP.NET页面跳转

    除了服务器端的技术,也可以利用客户端脚本(如JavaScript)来实现页面跳转。例如: ```javascript <script language="javascript">window.location.href = "test.aspx"; ``` 这种方式可以直接在客户端触发页面...

    vue 实现axios拦截、页面跳转和token 验证

    本文主要讲述了如何在Vue项目中整合axios来实现请求拦截、页面跳转以及基于token的验证流程,确保了安全性与用户体验。 ### Vue与axios整合的必要性 Vue.js虽然强大,但本身并不提供HTTP请求的功能。axios作为一个...

    一个超炫酷的跳转页面 HTML

    综上所述,这个"超炫酷的跳转页面 HTML"项目涉及到HTML的基本结构和链接功能,JavaScript的动态效果和页面跳转控制,以及CSS的样式设计和动画效果。通过这些技术的组合,可以创建出吸引用户并有效引导他们到目标页面...

    JSP页面跳转方法总结

    利用JavaScript编写脚本来控制页面跳转,这种方式更加灵活。例如: ```html <script type="text/javascript"> function jumpToPage() { window.location.href = "target.jsp"; } ()">跳转 ``` ##### 3. 提交...

    javascript跳转页面方法

    ### JavaScript 页面跳转方法详解 #### 一、概述 JavaScript 是一种广泛应用于网页开发中的脚本语言,可以实现丰富的交互效果。其中,页面跳转是前端开发中非常基础且重要的功能之一。根据提供的文件信息,我们...

Global site tag (gtag.js) - Google Analytics