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 相关文章推荐
jsTree 基于JQuery的排序节点 Bug
Jul 26 Javascript
js实现广告漂浮效果的小例子
Jul 02 Javascript
javascript 获取iframe里页面中元素值的方法
Feb 17 Javascript
谈一谈javascript中继承的多种方式
Feb 19 Javascript
微信小程序 支付简单实例及注意事项
Jan 06 Javascript
详解js的异步编程技术的方法
Feb 09 Javascript
AngularJS ionic手势事件的使用总结
Aug 09 Javascript
基于react组件之间的参数传递(详解)
Sep 05 Javascript
js根据json数据中的某一个属性来给数据分组的方法
Oct 08 Javascript
对vuex中store和$store的区别说明
Jul 24 Javascript
vue 微信分享回调iOS和安卓回调出现错误的解决
Sep 07 Javascript
vue a标签点击实现赋值方式
Sep 07 Javascript
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
PHP MemCached 高级缓存应用代码
2010/08/05 PHP
PHP下常用正则表达式整理
2010/10/26 PHP
php限制上传文件类型并保存上传文件的方法
2015/03/13 PHP
Joomla使用Apache重写模式的方法
2016/05/04 PHP
详解PHP函数 strip_tags 处理字符串缺陷bug
2017/06/11 PHP
jQuery ajax 路由和过滤器使用说明
2011/08/02 Javascript
javascript解决innerText浏览器兼容问题思路代码
2013/05/17 Javascript
js与jquery实时监听输入框值的oninput与onpropertychange方法
2015/02/05 Javascript
javascript实现校验文件上传控件实例
2015/04/20 Javascript
jQuery unbind 删除绑定事件详解
2016/05/24 Javascript
快速掌握jQuery插件WebUploader文件上传
2016/11/07 Javascript
jQuery选择器_动力节点Java学院整理
2017/07/05 jQuery
使用ef6创建oracle数据库的实体模型遇到的问题及解决方案
2017/11/09 Javascript
vue实现Excel文件的上传与下载功能的两种方式
2019/06/28 Javascript
vue添加自定义右键菜单的完整实例
2020/12/08 Vue.js
python 字符串split的用法分享
2013/03/23 Python
Python httplib模块使用实例
2015/04/11 Python
Python中shutil模块的常用文件操作函数用法示例
2016/07/05 Python
python3+requests接口自动化session操作方法
2018/10/13 Python
django admin.py 外键,反向查询的实例
2019/07/26 Python
pytorch-神经网络拟合曲线实例
2020/01/15 Python
给Python学习者的文件读写指南(含基础与进阶)
2020/01/29 Python
python super()函数的基本使用
2020/09/10 Python
June Jacobs尊积帕官网:知名的spa水疗护肤品牌
2019/03/21 全球购物
建筑施工实习自我鉴定
2013/09/19 职场文书
大学生就业自荐信
2013/10/26 职场文书
检举信的格式及范文
2014/04/04 职场文书
《长相思》听课反思
2014/04/10 职场文书
运动员获奖感言
2014/08/15 职场文书
小区的门卫岗位职责
2014/10/01 职场文书
化工见习报告范文
2014/10/31 职场文书
先进个人自荐书
2015/03/06 职场文书
2015年售后服务工作总结
2015/04/25 职场文书
导游词之南京夫子庙
2019/12/09 职场文书
HTML中table表格拆分合并(colspan、rowspan)
2021/04/07 HTML / CSS
CentOS7安装GlusterFS集群以及相关配置
2022/04/12 Servers