js 页面刷新location.reload和location.replace的区别小结


Posted in Javascript onDecember 24, 2009

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

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

下面是相关的应用与知识点:
window.location.href
window.top.location.replace("https://3water.com")
top.location.href("https://3water.com")
window.navigate ("https://3water.com")
Html:
<meta http-equiv="Refresh" content="0; url=http://baidu.com/" >
---------------------------------------
URL即:统一资源定位符 (Uniform Resource Locator, URL)
完整的URL由这几个部分构成:
scheme://host:port/path?query#fragment
scheme:通信协议
常用的http,ftp,maito等
host:主机
服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。
port:端口号
整数,可选,省略时使用方案的默认端口,如http的默认端口为80。
path:路径
由零或多个"/"符号隔开的字符串,一般用来表示主机上的一个目录或文件地址。
query:查询
可选,用于给动态网页(如使用CGI、ISAPI、PHP/JSP/ASP/ASP.NET等技术制作的网页)传递参数,可有多个参数,用"&"符号隔开,每个参数的名和值用"="符号隔开。
fragment:信息片断
字符串,用于指定网络资源中的片断。例如一个网页中有多个名词解释,可使用fragment直接定位到某一名词解释。(也称为锚点.)
对于这样一个URL
https://3water.com:80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere

我们可以用javascript获得其中的各个部分
1, window.location.href
整个URl字符串(在浏览器中就是完整的地址栏)
本例返回值: https://3water.com:80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere
2,window.location.protocol
URL 的协议部分
本例返回值:http:
3,window.location.host
URL 的主机部分
本例返回值:3water.com
4,window.location.port
URL 的端口部分
如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符
本例返回值:""
5,window.location.pathname
URL 的路径部分(就是文件地址)
本例返回值:/fisker/post/0703/window.location.html
6,window.location.search
查询(参数)部分
除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值
本例返回值:?ver=1.0&id=6
7,window.location.hash
锚点
本例返回值:#imhere

Javascript 相关文章推荐
jQuery 入门级学习笔记及源码
Jan 22 Javascript
Visual Studio中的jQuery智能提示设置方法
Mar 27 Javascript
从零开始学习jQuery (三) 管理jQuery包装集
Feb 23 Javascript
JS原型对象通俗&quot;唱法&quot;
Dec 27 Javascript
PHP+MySQL+jQuery随意拖动层并即时保存拖动位置实例讲解
Oct 09 Javascript
自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选与多选下拉框
Dec 12 Javascript
以JavaScript来实现WordPress中的二级导航菜单的方法
Dec 14 Javascript
详解angularjs中如何实现控制器和指令之间交互
May 31 Javascript
webpack+vuex+axios 跨域请求数据的示例代码
Mar 06 Javascript
JavaScript 常见的继承方式汇总
Sep 17 Javascript
Node使用koa2实现一个简单JWT鉴权的方法
Jan 26 Javascript
Vue-Element-Admin集成自己的接口实现登录跳转
Jun 23 Vue.js
CSS+Jquery实现页面圆角框方法大全
Dec 24 #Javascript
HTA版JSMin(省略修饰语若干)基于javascript语言编写
Dec 24 #Javascript
javascript下arguments,caller,callee,call,apply示例及理解
Dec 24 #Javascript
关于Aptana Studio生成自动备份文件的解决办法
Dec 23 #Javascript
window.js 主要包含了页面的一些操作
Dec 23 #Javascript
js 效率组装字符串 StringBuffer
Dec 23 #Javascript
jquery 表单取值常用代码
Dec 22 #Javascript
You might like
Re:从零开始的异世界生活 第2季 开播啦
2020/07/24 日漫
在php中使用sockets:从新闻组中获取文章
2006/10/09 PHP
php在项目中寻找代码的坏味道(综艺命名)
2012/07/19 PHP
php calender(日历)二个版本代码示例(解决2038问题)
2013/12/24 PHP
php+iframe 实现上传文件功能示例
2020/03/04 PHP
JavaScript使用prototype定义对象类型
2007/02/07 Javascript
30个让人兴奋的视差滚动(Parallax Scrolling)效果网站
2012/03/04 Javascript
javascript-简单的计算器实现步骤分解(附图)
2013/05/30 Javascript
模拟一个类似百度google的模糊搜索下拉列表
2014/04/15 Javascript
jQuery插件jFade实现鼠标经过的图片高亮其它变暗
2015/03/14 Javascript
JavaScript编程中window的location与history对象详解
2015/10/26 Javascript
微信公众号  提示:Unauthorized API function 问题解决方法
2016/12/05 Javascript
jquery实现刷新随机变化样式特效(tag标签样式)
2017/02/03 Javascript
JS中正则表达式要注意lastIndex属性
2017/08/08 Javascript
react-native使用react-navigation进行页面跳转导航的示例
2017/09/07 Javascript
animate.css在vue项目中的使用教程
2018/08/05 Javascript
vue-cli的工程模板与构建工具详解
2018/09/27 Javascript
JS使用队列对数组排列,基数排序算法示例
2019/03/02 Javascript
解决cordova+vue 项目打包成APK应用遇到的问题
2019/05/10 Javascript
vue+高德地图写地图选址组件的方法
2019/05/18 Javascript
Vue实现点击当前行变色
2020/12/14 Vue.js
Python中的startswith和endswith函数使用实例
2014/08/25 Python
Python实现获取操作系统版本信息方法
2015/04/08 Python
python fabric使用笔记
2015/05/09 Python
在Python中使用zlib模块进行数据压缩的教程
2015/06/26 Python
Python图片转换成矩阵,矩阵数据转换成图片的实例
2018/07/02 Python
10 分钟快速入门 Python3的教程
2019/01/29 Python
解决pycharm 远程调试 上传 helpers 卡住的问题
2019/06/27 Python
Python使用20行代码实现微信聊天机器人
2020/06/05 Python
使用canvas压缩图片大小的方法示例
2019/08/02 HTML / CSS
Ralph Lauren英国官方网站:Ralph Lauren UK
2018/04/03 全球购物
有关环保的标语
2014/06/13 职场文书
住宿生擅自离校检讨书
2014/09/22 职场文书
办公室务虚会发言材料
2014/10/20 职场文书
经典哲理警句:志不真则心不热,心不热则功不贤
2019/11/14 职场文书
你真的了解PHP中的引用符号(&)吗
2021/05/12 PHP