`
刘朝雪
  • 浏览: 80112 次
  • 来自: 河北
社区版块
存档分类
最新评论

location对象方法(二)

 
阅读更多

location对象的方法有三种:

1.assign() 方法

定义:可加载一个新的文档。

语法: location.assign(URL) 

例子:

window.location.assign("https://www.baidu.com/")

2.reload() 方法

定义:用于重新加载当前文档。

语法:location.reload(force)

可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新") 

提醒:如果该方法没有规定参数,或者参数是 false,它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改变,reload() 会再次下载该文档。如果文档未改变,则该方法将从缓存中装载文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。

如果把该方法的参数设置为 true,那么无论文档的最后修改日期是什么,它都会绕过缓存,从服务器上重新下载该文档。这与用户在单击浏览器的刷新按钮时按住 Shift 健的效果是完全一样。

例子:

window.location.reload();

3.replace() 方法

定义:可用一个新文档取代当前文档。

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

语法:location.replace(newURL)

提醒:replace() 方法不会在 History 对象中生成一个新的记录。当使用该方法时,新的 URL 将覆盖 History 对象中的当前记录。

例子:

window.location.replace("http://www.w3school.com.cn")

 

 

重新刷新页面的时候,我们通常使用: location.reload() 或者是 history.go(0) 来做。因为这种做法就像是客户端点F5刷新页面.

 

Location 对象的 reload() 入可以重新装载当前文档,replace() 可以装载一个新文档而无须为它创建一个新的历史记录,也就是说,在浏览器的历史列表中,新文档将替换当前文档。

 

 

分享到:
评论

相关推荐

    JavaScript入门教程(8) Location地址对象

    窗口对象>.location”。先前写了一片用[removed].href实现刷新另个框架页面 ,特此我看了一下locaiton的详细用法,对此有点改进,具体如下: 注意:属于不同协议或不同主机的两个地址之间不能互相引用对方的 ...

    location对象的属性和方法应用(解析URL)

    location对象提供了很多属性和方法用来解析URL。 代码如下: <head> <title></title> [removed] var uristr = [removed].search.substr(1); var array = uristr.split(‘&&’); for (var i = 0; i ...

    JS基于Location实现访问Url、重定向及刷新页面的方法分析

    本文实例讲述了JS基于Location实现访问Url、重定向及刷新页面的方法。分享给大家供大家参考,具体如下: js通过Location实现访问Url...在这片文章你将看到location对象的所有属性和方法,你将学到: 怎么读取url不同部

    location和history对象

    NULL 博文链接:https://baihe747.iteye.com/blog/2152459

    如何引用HTML DOM的location和document对象

    在报表软件FineReport的JavaScript开发中,可以访问并处理的HTML DOM对象有windows、location、document三种。这里我们介绍后两种,location和document对象。

    html文档中的location对象属性理解及常见的用法

    关于location对象的简单理解: 1.location对象中涵盖了当前页面(本页面)或者更直接的说,是当前加载的这个html文档的url信息 2.location对象作为window对象的一个属性,可以通过[removed]老访问 下面顺便介绍一些...

    JavaScript中的Location地址对象

    location 地址对象 它描述的是某一个窗口对象所打开的地址。要表示当前窗口的地址,只需要使用“location”就行了;若要表示某一个窗口的地址,就使用“<窗口对象>.location”。先前写了一片用[removed].href...

    js对象层次• navigator •screen•window

    o location o frames[]; Frame o document  anchors[]; links[]; Link  applets[]  embeds[]  forms[]; Form  Button  Checkbox  elements[]; Element  Hidden  Password  Radio ...

    javaScript对象

    4. 使用history和location对象的相关属性和方法可以轻松的实现游览器中“后退”、“前进”和“刷新”按钮的功能 5. Document对象的getElementById()方法用于访问唯一的元素 6. Document对象的getElementsByName()...

    HTML-DOM对象

    3、Location 对象 8 3.1、属性 8 3.2、方法 9 4、Navigator 对象 9 4.1. Navigator 对象集合 9 4.2、Navigator 对象属性 9 4.3、Navigator 对象方法 10 4.4、Navigator 对象描述 10 *******************************...

    JS中Location使用详解

    javascript中location地址对象描述的是某一个窗口对象所打开的地址。要表示当前窗口的地址,只需要使用“location”就行了;若要表示某一个窗口的地址,就使用“<窗口对象>.location”。 一、JS中Location的含义 ...

    javascript常用对象梳理

    熟练掌握window对象的status、location、name、self、opener属性的使用 Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY、FRAMESET或FRAME元素时,...

    面向对象的方法实现贪吃蛇

    利用面向对象的方法,实现贪吃蛇。 1. 利用面向对象的思想实现——一个食物对象、一个蛇对象、一个游戏总控对象。 2. 在使用××.prototype= {}重写原型对象的时候,一定要加上一句constructor:该对象。不然会造成...

    javascript浏览器对象编程

    document对象常用属性和方法 window对象的常用属性和方法 history对象的常用属性和方法 location对象的常用属性和方法

    03 JavaScript内置对象与浏览器对象.ppt

    目标掌握: javascript内置对象 String 对象 Math 对象 Date 对象 浏览器对象 浏览器对象简介 Window Document History Location Screen event

    JavaScript编程中window的location与history对象详解

    主要介绍了JavaScript编程中window的location与history对象,是JavaScript入门学习中的基础知识,需要的朋友可以参考下

    JavaScript[对象.属性]集锦

    location对象 document对象 form对象 复选框(checkbox)对象 单选按钮(radio)对象 Button对象 submit和reset对象 password对象 navigator对象 string对象 Date对象 Math对象 等对象的属性和方法

Global site tag (gtag.js) - Google Analytics