window.location.Reload()和window.location.href等联系和区别

在web开发中经常会遇到页面刷新的系列问题,现在总结如下:

1、js 刷新页面window.location.reload();

强制刷新页面,从服务器重新请求! (如果有数据提交的话,会提示是否提交的(是和否选项)),促使浏览器重新下载当前的页面。

2、window.location.href设置或返回完整的 URL。

在js中关于location.href的用法究竟有哪几种,究竟有哪些区别?

目前在开发中经常要用到的几种形式有:

self.location.href;

window.location.href;

this.location.href;

location.href;

parent.location.href;

top.location.href;

top.location.href=”url” 在顶层页面打开url(跳出框架)   

self.location.href=”url” 仅在本页面打开url地址   

parent.location.href=”url”   在父窗口打开Url地址   

this.location.href=”url”    用法和self的用法一致 if (top.location == self.location) 判断当前location 是否为顶层来 禁止frame引用 

如果页面当中有自定义的frame的话,也可以将parent self top换为自定义frame的名称 效果就是在自定义frame窗口打开url地址

3、replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过“前进”和“后退”来访问已经被替换的URL。

语法:location.replace(URL) 参数: URL

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

促使浏览器根据 URL 参数中给出的地址 (URL) 下载页面,同时在当前浏览器存储的历史记录 (即所浏览过的页面的列表) 中使用新的地址(即此方法中的 URL 参数) 覆盖当前的页面。

使用 replace() 方法意味着用户将不能通过按 “返回” 按钮回到前边浏览过的那个页面,但这并不是说用户完全不能回到原来的所有页面,他们只不过是无法回到被 replace() 方法替换的那一个页面 (注意:只是被替换的那一个页面)。

PS:window.location.Reload()和window.location.href 区别:

window.location.reload()与window.location.href=window.location.href

两者都能刷新窗口,不同的是,前者刷新页面时若有数据提交会提示是否提交数据,就是我们经常看到的那个讨厌的提示框;后者则不会,是定向url提交数据。所以在刷新页面时最好是用后者

时间: 2024-10-21 05:33:12

window.location.Reload()和window.location.href等联系和区别的相关文章

window.location.Reload()和window.location.href 区别

window.location.Reload()应该是刷新.[相当于 按页面刷新按钮] (如果有数据提交的话,会提示是否提交的(是和否选项)) window.location.href=window.location.href; 是定向url提交数据 他们最大区别是 是否有数据提交: 前者提交数据的刷新                                                               后者没有提交的刷新 首先介绍两个方法的语法: reload 方法,该方

window.location.Reload()和window.location.href 区别(转)

首先介绍两个方法的语法: reload 方法,该方法强迫浏览器刷新当前页面.语法:location.reload([bForceGet])参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页. true, 则以GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新") replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过“前进”和“后退”来访问已经被替换的URL.语法:

window.location.reload(false);window.location.reload(true);history.Go(0)区别

在日常工作中常用的页面刷新方式的区别: 1 window.location.reload(false);  先说说window.location.reload(false);当我们window.location.reload();默认也是false;  它先会根据浏览器的http请求的头部 If-Modified-Since的值来判断在请求文件时文件是否发生变化,如果没有就从缓存中找到更新到页面. 如果有form,会重新提交form表单 2 window.location.reload(true

js 刷新页面window.location.reload();

Javascript刷新页面的几种方法:1   history.go(0)2   window.location.reload() window.location.reload(true) 3   location=location4   location.assign(location)5   document.execCommand(''Refresh'')6   window.navigate(location)7   location.replace(location)8   docum

javascript:location.reload()和location.replace()的区别,及对图片缓存的影响。

有段时间没有清理IE的临时文件(缓存文件),在我清理的时候,我突然发现一个问题. 我打开的一个网站,图片默认缓存一个月的,但我发现,当我上传图片或删除图片之后,图片重新缓存,也就意味着,在我上传新图片或删除图片的时候,页面上所有原来的图片都重新载入,重新缓存了. 从这一点上看,图片本身的缓存一点意义都没有了. 我查看了网页的javascript代码,发现在上传或删除的之后,调用的是 location.reload(); 难道说,这个location.reload()不仅重新载入页面,而且页面里的

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

最近项目是和某度合作,集成他们一个功能到我们产品上.由于是中途从同事手中接过来的活,并且第一次使用jsonp,不熟悉页面的刷新跳转,遭坑惨了,现在来记录下这个情况,希望给有类似需求的同志带来些许帮助. 情景描述: 登陆login.html页面登陆验证成功后,跳转到index.html页面,index.html页面加载完成后就要发送jsonp请求到对方服务器得到想应的数据并展示出来,如若没有登陆某度的帐户,弹出提示信息.然后需要点击页面的登陆按钮,弹出某度的登陆框(iframe引入),登陆某度成功

关于微信端不支持window.location.reload()

今天写了一个调查问卷页面,项目经理说要表单提交之后页面刷新,之间没沟通清楚,以为是整个页面重载,所以刚开始就用了window.location.reload()的方法. 但是发现,在微信直接打开之后,居然不能刷新. 后来了解到微信端不支持这个玩意,要用window.location.href=window.location.href+"?id="+10000*Math.random();来代替. 之后深入沟通后才知道,原来项目经理只是想,让表单的内容重置刷新. 好吧!这就很简单啦!fo

javascript:window.location.replace 与 window.location.reload() 刷新页面的不同效果

今天早上我发现一个问题,当一个网页的地址最后面是一个#时(比如:http://www.baidu.com/go.asp#), 执行:window.location.replace(window.location.href); 浏览器不刷新页面. 经过测试: window.location.href = window.location.href; 浏览器也不刷新页面. 经过测试:window.location.reload() ; 浏览器会刷新页面. 以前经过一些测试发现 window.locat

layer局部刷新用location.reload(); 刷新进首页用window.parent.location.reload();

function sends(info ) { var arr=info.split("@"); var userid=+arr[4]; var prefix = ctx+ "cw/integralInfo"; var index = layer.open({ //打开layer弹出框 type: 1, //类型 skin: "layui-layer-rim", //皮肤类型,在skin文件夹中 area: ["400px",