jslocation使用详解,浏览器根对象window之Location

javascript中location地址对象描述的是某二个窗口对象所展开的地方。要代表这段时间窗口的地址,只需求动用“location”就行了;若要表示某三个窗口的地点,就使用“<窗口对象>.location”。

JS中Location使用详解,jslocation使用详解

javascript中location地址对象描述的是某四个窗口对象所展开的地点。要代表近些日子窗口的地址,只必要动用“location”就行了;若要表示某三个窗口的地方,就选拔“<窗口对象>.location”。

一、JS中Location的含义

1、Location 对象存款和储蓄在 Window 对象的 Location
属性中,表示丰硕窗口中当前展示的文书档案的 Web 地址。它的 href
属性寄存的是文书档案的全体 U奥迪Q5L,其余品质则分级叙述了 U大切诺基L
的各类部分。那个属性与 Anchor 对象(或 Area 对象)的 U景逸SUVL
属性特别相像。当一个 Location 对象被转换来字符串,href
属性的值被再次回到。那意味着你能够应用表达式 location 来取代 location.href。

2、Anchor 对象表示的是文书档案中的超链接,Location
对象表示的却是浏览器当前来得的文书档案的 U奇骏L(或岗位)。不过 Location
对象所能做的远远不仅仅那个,它仍是能够决定浏览器显示的文档的职位。假使把一个包蕴UTucsonL 的字符串赋予 Location 对象或它的 href 属性,浏览器就能够把新的 U中华VL
所指的文书档案装载进来,并展现出来。

3、除了安装 location 或 location.href 用完整的 UCRUISERL 替换当前的 U福睿斯L
之外,仍可以修改部分 UKugaL,只供给给 Location
对象的其余品质赋值就可以。那样做就能够创设新的 U奇骏L,在那之中的一部分与原先的 U奇骏L
分歧,浏览器会将它装载并展现出来。举个例子,如若设置了Location对象的 hash
属性,那么浏览器就能转换成日前文书档案中的贰个点名的岗位。同样,如若设置了
search 属性,那么浏览器就能够再一次装载附加了新的询问字符串的 U兰德奥迪Q3L。

4、除了 UEscortL 属性外,Location 对象的 reload()
方法能够另行李装运载当前文书档案,replace()能够装载三个新文书档案而无须为它创制三个新的历史记录,也正是说,在浏览器的野史列表中,新文书档案将替换当前文书档案。

二、JS中Location属性

属性 描述
hash 设置或回到从井号 (#) 开头的
UTiguanL(锚)。假若地点里不曾“#”,则赶回空字符串。
host 设置或回到主机名和当下 ULacrosseL 的端口号。
hostname 设置或重回当前 U瑞虎L 的主机名。
href 设置或回到完整的 U兰德冠道L。在浏览器的地方栏上怎么显得它就怎么再次回到。
pathname 设置或重返当前 UXC60L 的渠道部分。
port 设置或重临当前 ULX570L 的端口号,设置或回到当前 U奔驰M级L 的端口号。
protocol 设置或回到当前 UPRADOL 的情商,取值为 ‘http:’,’https:’,’file:’
等等。
search 设置或回到从问号 (?) 起头的 U凯雷德L(查询部分)。

三、JS中Location对象方法

属性 描述
assign() 加载新的文书档案。
reload() 重新加载当前文书档案,约等于按浏览器上的“刷新”(IE)或“Reload”(Netscape)键。
replace() 用新的文书档案替换当前文书档案,约等于按浏览器上的“刷新”(IE)或“Reload”键。

四、JS中Location实例

//简单跳转

function gotoPage(url) { 

var url ="url?catalogid="+catalogID; 

window.location =url; 

}

//为单个页面传递参数

function goto_catalog(iCat) { 

if(iCat<=0) { 

top.location = "url";

} else { 

window.location ="url?catid="+iCat; 

}

}

// 对指定框架进行跳转页面

function goto_iframe(url) { 

parent.mainFrame.location ="url"; 

}

上述所述正是本文的全体内容了,希望大家能够喜欢。

javascript中location地址对象描述的是某四个窗口对象所张开的地址。要代表这两天窗口的地点,只需求使…

1. Location

Location 对象涵盖关于当前 ULANDL 的音讯。Location 对象是 Window
对象的四个部分,可透过 window.location 属性来访问。

一、JS中Location的含义

1.1 Location对象属性

1、Location 对象存款和储蓄在 Window 对象的 Location
属性中,表示足够窗口中当前来得的文书档案的 Web 地址。它的 href
属性寄放的是文书档案的全体 UEvoqueL,别的品质则分级呈报了 UPAJEROL
的一一部分。这个属性与 Anchor 对象(或 Area 对象)的 U猎豹CS6L
属性极度相像。当贰个 Location 对象被转换到字符串,href
属性的值被重临。那意味着你能够应用表达式 location 来取代 location.href。

hash

设置或回到从井号 (#) 开始的 URL(锚)。

2、Anchor 对象表示的是文书档案中的超链接,Location
对象表示的却是浏览器当前呈现的文书档案的 UEvoqueL(或地点)。不过 Location
对象所能做的遥远不唯有这个,它还是能调节浏览器展现的文书档案的岗位。假若把二个涵盖
URL 的字符串赋予 Location 对象或它的 href 属性,浏览器就能把新的 U本田CR-VL
所指的文档装载进来,并展现出来。

host

安装或重返主机名和脚下 U途乐L 的端口号。

3、除了设置 location 或 location.href 用完整的 UEscortL 替换当前的 U巴博斯 CL级L
之外,仍是能够修改部分 U奥迪Q7L,只须求给 Location
对象的任何属性赋值就能够。那样做就可以创制新的 UEvoqueL,在那之中的一部分与原来的 ULX570L
分化,浏览器会将它装载并出示出来。举例,假如设置了Location对象的 hash
属性,那么浏览器就能够转换来当前文书档案中的贰个点名的岗位。同样,假如设置了
search 属性,那么浏览器就能够另行李装运载附加了新的查询字符串的 U途锐L。

hostname

安装或回到当前 USportageL 的主机名。

4、除了 U中华VL 属性外,Location 对象的 reload()
方法能够重复装载当前文书档案,replace()能够装载一个新文书档案而无须为它创立多个新的历史记录,相当于说,在浏览器的历史列表中,新文档将替换当前文书档案。

href

安装或重回完整的 UEscortL。

二、JS中Location属性

pathname

安装或重临当前 UCRUISERL 的不二等秘书技部分。

属性 描述
hash 设置或回到从井号 (#) 开首的
U哈弗L(锚)。要是地点里未有“#”,则赶回空字符串。
host 设置或再次来到主机名和脚下 U汉兰达L 的端口号。
hostname 设置或回到当前 U索罗德L 的主机名。
href 设置或重回完整的 ULacrosseL。在浏览器的地点栏上怎么显得它就怎么重临。
pathname 设置或再次回到当前 UXC60L 的门径部分。
port 设置或回到当前 U锐界L 的端口号,设置或重返当前 UEnclaveL 的端口号。
protocol 设置或回到当前 URubiconL 的议和,取值为 ‘http:’,’https:’,’file:’
等等。
search 设置或回到从问号 (?) 起先的 U君越L(查询部分)。

port

安装或再次回到当前 UCR-VL 的端口号。

三、JS中Location对象方法

protocol

安装或回到当前 U索罗德L 的合计。

属性 描述
assign() 加载新的文书档案。
reload() 重新加载当前文档,相当于按浏览器上的“刷新”(IE)或“Reload”(Netscape)键。
replace() 用新的文书档案替换当前文书档案,也正是按浏览器上的“刷新”(IE)或“Reload”键。

search

设置或重回从问号 (?) 发轫的 URubiconL(查询部分)。

即便有某网页,上边例子反应了一切修改进程:

location.hash //"#ndos"
//URL:http://127.0.0.1:8080/?ndos=great#ndos22
location.hash = '#ndos22'

location.host //"127.0.0.1:8080"
//URL:http://wwww.baidu.com:80/?ndos=great#ndos
location.host = 'wwww.baidu.com:80'

location.hostname //"127.0.0.1"
//URL:http://wwww.baidu.com:8080/?ndos=great#ndos
location.hostname= 'wwww.baidu.com'

location.href //'http://127.0.0.1:8080/?ndos=great#ndos'
//URL:http://wwww.baidu.com/?ndos=great#ndos
location.href = 'http://wwww.baidu.com/?ndos=great#ndos'

location.port //8080
//URL:http://127.0.0.1/?ndos=great#ndos
//端口为80时不显示端口号
location.port = 80

location.protocol //"http:"
//URL:https://127.0.0.1:8080/?ndos=cool#ndos
location.protocol = "https:"

location.search //"?ndos=great"
//URL:http://127.0.0.1:8080/?ndos=cool#ndos
location.search = "?ndos=cool"

里面除了location.hash之外,退换别的的内容都会唤起网页跳转。location.hash只会挑起页面查看的功能(要是存在的话)。

四、JS中Location实例

1.2 Location对象方法

//简单跳转

function gotoPage(url) { 

var url ="url?catalogid="+catalogID; 

window.location =url; 

}

//为单个页面传递参数

function goto_catalog(iCat) { 

if(iCat<=0) { 

top.location = "url";

} else { 

window.location ="url?catid="+iCat; 

}

}

// 对指定框架进行跳转页面

function goto_iframe(url) { 

parent.mainFrame.location ="url"; 

}
assign

加载新的文书档案。

上述所述正是本文的全体内容了,希望大家能够喜欢。

reload

重新加载当前文书档案。

若果该措施未有规定参数,也许参数是 false,它就能够用 HTTP 头
If-Modified-Since
来检测服务器上的文书档案是不是已退换。如果文书档案已改造,reload()
会再度下载该文书档案。若是文书档案未变动,则该办法将从缓存中装载文书档案。那与用户单击浏览器的刷新开关的效应是一丝一毫等同的。

要是把该办法的参数设置为
true,那么不诗歌书档案的结尾修改日期是什么,它都会绕过缓存,从服务器上再一次下载该文书档案。那与用户在单击浏览器的基础代谢按键时按住
Shift 健的功用是一丝一毫等同。

你恐怕感兴趣的稿子:

  • javascript中的location用法简介
  • JavaScript中的Location地址对象
  • JS 中document.URL 和 windows.location.href
    的区别
  • js
    页面刷新location.reload和location.replace的界别小结
  • javascript
    展开页面window.location和window.open的分别
  • 至于js中window.location.href,location.href,parent.location.href,top.location.href的用法与分裂
  • js完结网页防止被iframe框架嵌套及二种location.href的区分
  • JS教程:window.location使用格局的分别介绍
  • JS获取url链接字符串
    location.href
  • js通过location.search来收获页面传来的参数
replace

用新的文书档案替换当前文书档案。

replace() 方法不会在 History
对象中变化三个新的笔录。当使用该办法时,新的 ULANDL 将遮掩 History
对象中的当前记录。

1.3 Location对象描述

Location 对象存款和储蓄在 Window 对象的 Location
属性中,表示丰硕窗口中当前显示的文书档案的 Web 地址。它的 href
属性存放的是文书档案的全部 U安德拉L,别的属性则分级叙述了 UEnclaveL
的次第部分。那一个属性与 Anchor 对象(或 Area 对象)的 U冠道L
属性特别相似。当一个 Location 对象被调换到字符串,href
属性的值被重回。那意味你可以运用表明式 location 来代表 location.href。

可是 Anchor 对象表示的是文书档案中的超链接,Location
对象表示的却是浏览器当前来得的文书档案的 U悍马H2L(或岗位)。但是 Location
对象所能做的遥远不唯有这个,它还是能说了算浏览器呈现的文书档案的职分。假设把三个蕴含UWranglerL 的字符串赋予 Location 对象或它的 href 属性,浏览器就能把新的 URL
所指的文档装载进来,并呈现出来。

除了设置 location 或 location.href 用完整的 UENCOREL 替换当前的 UENCOREL
之外,还足以修改部分 URL,只须求给 Location
对象的另外属性赋值就可以。那样做就能创设新的 U奇骏L,其中的一部分与原先的 U揽胜L
差别,浏览器会将它装载并显示出来。例如,假使设置了Location对象的 hash
属性,那么浏览器就能改形成前段时间文书档案中的一个点名的职位。一样,假如设置了
search 属性,那么浏览器就能再也装载附加了新的查询字符串的 U福睿斯L。

除去 U奥迪Q7L 属性外,Location 对象的 reload()
方法能够重新装载当前文书档案,replace()
能够装载二个新文书档案而无须为它创立二个新的历史记录,约等于说,在浏览器的野史列表中,新文书档案将替换当前文档。

Post Author: admin

发表评论

电子邮件地址不会被公开。 必填项已用*标注