location和location.href跳转url的区别

使用 location = url 跳转，如果本地之前已经载入过该页面并有缓存，那么会直接读取本地的缓存，缓存机制是由本地浏览器设置决定的。状态码为： 200 OK (from cache) 。

使用 location.href = url 跳转，资源的缓存类型是根据服务器缓存配置决定的，都会向服务端发起请求，状态码会有两种情况： 200 OK 和 304 Not Modified 。前者表示该页面是从服务端重新载入的，后者表示从HTTP 头部的 If-Modified-Since 来判断该资源在服务器端是否有改变，如果没有则从本地缓存中加载，如果有则重新加载。

判断方式为：把浏览器端缓存页面的最后修改时间放到请求头的 If-Modified-Since 中发到服务器去，服务器会把这个时间与服务器上实际文件的最后修改时间进行比较，如果有改变，返回头会带有 Last-Modified 也就是该资源在服务器端的最后修改时间，并返回新的资源；如果没有改变则是上述304的情况。

关于 location.reload 重新加载的缓存机制和 location.href 类似，区别在于如果传入的参数 true ，如： location.reload(true) ，这会强制从服务器重新加载该资源。但这在部分浏览器里，有兼容的差异，如果不生效，可以采用万能的带时间戳方式解决： location.reload(location.href + '?t=timeStamp') 。类似于采用按键方式的强制刷新。

转载于:https://www.cnblogs.com/rock-roll/p/6501131.html

location和location.href跳转url的区别相关推荐

location.href跳转url链接失败，原来是零宽字符导致的
有个分享的项目一直很正常但是今天有个活动链接跳转不过去,url接口参数啥的看着都没问题,后面复制字符串到控制台发现http链接前面有个红点,抓包发现多了一串莫名符号,直接代码里面过滤掉了,下面附代码, ...
window.location.href跳转无效 IE Bug【转载】
window.location.href跳转的ie bug 2010-10-25 17:36 http://support.microsoft.com/kb/190244/en-us 在ie下,< ...
关于 Safari 浏览器不支持 location [ window.location.href window.open()] 跳转问题的解决方案
关于 Safari 浏览器不支持 location [ window.location.href window.open()] 跳转问题的解决方案参考文章: (1)关于 Safari 浏览器不支持 ...
window location href跳转无效
问题情况 JS中设置window.location.href跳转无效原因是 a标签的href跳转会执行在window.location.href设置的跳转之前: 如果是表单form的话也会先执行 ...
JS window对象 Location对象 location用于获取或设置窗体的URL，并且可以用于解析URL。语法: location.[属性|方法]...
Location对象 location用于获取或设置窗体的URL,并且可以用于解析URL. 语法: location.[属性|方法] location对象属性图示: location 对象属性: lo ...
window.opener.location.reload() and href()的区别
window.opener.location.reload() and href()的区别 Posted on 2010-05-03 18:00 大椰网吧阅读(3652) 评论(0) 编辑收藏 2 ...
html href点击无效,href跳转无效 js阻止a标签href跳转
IE 9+location.href="#id"此方式跳转失效,其他浏IE9+location.href="#id"此方式跳转失效,其他浏览器都正常.有大神知道 ...
ecshop设置一个子类对应多个父类并指定跳转url的修改方法
这是一篇记录在日记里面的技术文档,其实是对ecshop的二次开发.主要作用是将一个子类对应多个父类,并指定条跳转url的功能.ecshop是一款在线购物网站,感兴趣的可以下载源码看看.我们看看具体是怎 ...
通过js跳转url下载包含中文的文件乱码问题解决方案（java）
通过js跳转url下载包含中文的文件乱码问题解决方案(java) 参考文章: (1)通过js跳转url下载包含中文的文件乱码问题解决方案(java) (2)https://www.cnblogs.co ...

location和location.href跳转url的区别

location和location.href跳转url的区别相关推荐

最新文章

热门文章