(window,parent,opener,top).location.reload方法汇总

     最近项目是和某度合做,集成他们一个功能到咱们产品上。因为是中途从同事手中接过来的活,而且第一次使用jsonp,不熟悉页面的刷新跳转,遭坑惨了,如今来记录下这个状况,但愿给有相似需求的同志带来些许帮助。
html

情景描述:json

登录login.html页面登录验证成功后,跳转到index.html页面,index.html页面加载完成后就要发送jsonp请求到对方服务器获得想应的数据并展现出来,如若没有登录某度的账户,弹出提示信息。而后须要点击页面的登录按钮,弹出某度的登录框(iframe引入),登录某度成功后(某度处理判断),刷新页面,从新展现数据。浏览器

处理技巧:缓存

某度登录成功后须要跳转到一个新的页面,因为是iframe引入,所以借助一个中间的页面cs.html,而后在这个cs.html页面里面刷新最外面的页面。开始时候在cs.html里面使用的是top.location.reload(),这个方法在非ie内核的浏览器都是正常的,可是在ie内核的浏览器里面始终提示没有登陆(实际上已经登陆成功).这个坑花了大量的时间,最后我把这个方法换成了top.location.href,再看ie内核的浏览器就可以正常了,第一次使用这个,真是太郁闷了。安全

附上网上搜集到的一些资料服务器

window.location.reload()刷新当前页面.
parent.location.reload()刷新父亲对象(用于框架)
opener.location.reload()刷新父窗口对象(用于单开窗口)
top.location.reload()刷新最顶端对象(用于多开窗口)
框架

另外介绍两个方法的语法:post

reload 方法,该方法强迫浏览器刷新当前页面。
语法:location.reload([bForceGet])
参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。 true, 则以GET 方式,从服务端取最新的页面, 至关于客户端点击 F5("刷新")jsonp

replace 方法,该方法经过指定URL替换当前缓存在历史里(客户端)的项目,所以当使用replace方法以后,你不能经过“前进”和“后退”来访问已经被替换的URL
语法:location.replace(URL) 参数: URL
spa

在实际应用的时候,从新刷新页面的时候,咱们一般使用: location.reload() 或者是 history.go(0) 来作。由于这种作法就像是客户端点F5刷新页面,因此页面的method="post"的时候,会出现“网页过时”的提示。那是由于Session的安全保护机制。能够想到: 当调用 location.reload() 方法的时候, aspx页面此时在服务端内存里已经存在, 所以一定是 IsPostback 的。若是有这种应用: 咱们须要从新加载该页面,也就是说咱们指望页面可以在服务端从新被建立, 咱们指望是 Not IsPostback 的。这里,location.replace() 就能够完成此任务。被replace的页面每次都在服务端从新生成。你能够这么写: location.replace(location.href)


最后内容是刚发现的,不知道我此次这个地方top.location.reload(true),这样能够解决ie内核的问题不,抽时间到公司去试下。

有知道具体区别缘由的,望各位大牛告知,你们共勉!3Q

相关文章
相关标签/搜索