`

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

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

    介绍了js 控制页面跳转的5种方法,有需要的朋友可以参考一下

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

    主要介绍了JS控制div跳转到指定的位置的几种解决方案总结,小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

    大客户端可以发送消息到小客户端,并且大客户端可以发送“jump”命令到小客户端控制小客户端页面跳转到百度。其中系统管理页面记录所有大端与小端发送的消息,以及大端与小端的id。

    SpringBoot页面跳转访问css、js等静态资源引用无效解决.docx

    【SpringBoot页面跳转访问css、js等静态资源引用无效解决】 解释:SpringBoot项目默认访问根目录有三个分别是: /resources :系统默认的根路径 /static :所有静态资源文件如js、css、jpg、html等文件是可以直接...

    javascript跳转页面方法

    js跳转页面方法:按钮式、直接跳转式、开新窗口、在原来的窗体中直接跳转用、最基本的弹出窗口代码、经过设置后的弹出窗口、终极应用--弹出的窗口之Cookie控制

    谷歌插件,用于网页跳转

    一个谷歌插件,可用于页面记录页面跳转,内容含有CSS、js等

    自动刷新页面+自动跳转和关闭

    自动刷新页面+自动跳转和关闭: JavaScript是一种扩展到HTML的脚本设计语言,它使网页开发者可以更有效地控制页面

    JavaScript实现单击下拉框选择直接跳转页面的方法

    主要介绍了JavaScript实现单击下拉框选择直接跳转页面的方法,涉及javascript控制页面跳转的相关技巧,需要的朋友可以参考下

    angularjs项目的页面跳转如何实现(5种方法)

    本篇文章主要介绍了详解angularjs项目的页面跳转如何实现 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    JavaScript实现页面5秒后自动跳转的方法

    这个JavaScript控制页面5秒后自动跳转的代码在很多开发中经常需要用到,感兴趣的朋友可以收藏一下! <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> &lt...

    JavaScript实现通过select标签跳转网页的方法

    本文实例讲述了JavaScript实现通过select标签跳转网页的方法。分享给大家供大家参考,具体如下: 我们经常有遇到需要用select标签跳转到新网页的情况,dw生成的代码太复杂,那么有没有精简的代码得以实现呢?经过...

    AngularJS路由实现页面跳转实例

    AngularJS是一个javascript框架,通过AngularJS这个类库可以实现目前比较流行的单页面应用,AngularJS还具有双向数据绑定的特点,更加适应页面动态内容。 所谓单页面应用就是在同一个页面动态加载不同的内容,而这里...

    js,jquery滚动/跳转页面到指定位置的实现思路

    要解决两个需求: 一个是从A页面跳到B页面,滚动到页面的任何地方; 第二个是在B页面内部点击某个元素,滚动到页面的任何地方; 怎么解决啊?很简单,当然是用锚点。 首先在A页面创建一个锚点 <body> 点击跳转...

    js控制网页前进和后退的方法

    主要介绍了js控制网页前进和后退的方法,涉及javascript中history.go方法的相关使用技巧,非常简单实用,需要的朋友可以参考下

    用HTML/JS/PHP方式实现页面延时跳转的简单实例

    WEB开发中经常会遇到页面跳转或延时跳转的需求,掌握各种页面跳转方式非常必要。 以下是我总结有用HTML/JS/PHP三类方式实现跳转的方法,例子皆为三秒后跳转到index.php页面。 1,HTML方法: 在HEAD中添加<meta>...

    Gridview读Excel分页记录选中状态跳转页面传参

    5.Checkbox用javascript控制全选 6.分页,跳到下一页,记录上一页面Checkbox选中状态 7.清除Checkbox选中状态 8.跳转页面,传参选中的Checkbox对应的姓名 之前是从网上看到的保存checkbox分页选中状态,但是没有传参...

    react-router JS 控制路由跳转实例

    Link组件用于正常的用户点击跳转,但是有时还需要表单跳转、点击按钮跳转等操作。这些情况怎么跟React Router对接呢? 下面是一个表单。 <form onSubmit={this.handleSubmit}> <input type=text ...

Global site tag (gtag.js) - Google Analytics