location.href 、location.replace和location.reload的区别

详细:http://www.w3school.com.cn

Location 对象

Location 对象包含有关当前 URL 的信息。
Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问
在这里插入图片描述
在这里插入图片描述

  1. reload方法
    (1)用法:用于重新加载当前文档,该方法强迫浏览器刷新当前页面
    (2)语法:location.reload(force)
    (3)说明:如果该方法没有规定参数,或者参数是 false,它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改变,reload() 会再次下载该文档。如果文档未改变,则该方法将从缓存中装载文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。
    如果把该方法的参数设置为 true,那么无论文档的最后修改日期是什么,它都会绕过缓存,从服务器上重新下载该文档。这与用户在单击浏览器的刷新按钮时按住 Shift 健的效果是完全一样。

  2. replace方法
    (1)用法:可用一个新文档代替当前文档
    (2)语法:location.replace(newURL)
    (3)说明: replace() 方法不会在 History 对象中生成一个新的记录。当使用该方法时,新的 URL 将覆盖 History 对象中的当前记录。

  3. assign() 方法
    (1)用法:可加载一个新的文档。
    (2)语法:location.assign(URL)
    (3)实例:window.location.assign(“http://www.w3school.com.cn”)

  4. href属性
    href属性是一个可读可写的字符串,可设置或返回当前显示的文档的完整 URL。
    (1)用法:可以通过为该属性设置新的 URL,使浏览器读取并显示新的 URL 的内容。
    (2)语法:location.href=URL

    	location.href="http://www.baidu.com";		
    

    (3)举例:假设URL:http://www.baidu.com
    <script type="text/javascript">document.write(location.href);</script>
    输出:http://www.baidu.com

  5. 如果我们需要重新加载该页面,也就是说我们希望页面能够在服务端重新被创建,我们期望是 Not IsPostback 的。这事,location.replace() 就可以完成此任务。被replace的页面每次都在服务端重新生成。可以这么写:location.replace(location.href)

  6. 重定向用href 和replace :
    1)、location.href=“http://www.baidu.com”;
    2)、location.replace(“http://www.baidu.com”);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值