JS中Location使⽤详解
javascript中location地址对象描述的是某⼀个窗⼝对象所打开的地址。要表⽰当前窗⼝的地址,只需要使⽤“location”就⾏了;若要表⽰某⼀个窗⼝的地址,就使⽤“<;窗⼝对象>.location”。
⼀、JS中Location的含义
1、Location 对象存储在 Window 对象的 Location 属性中,表⽰那个窗⼝中当前显⽰的⽂档的 Web 地址。它的 href 属性存放的是⽂档的完整 URL,其他属性则分别描述了 URL 的各个部分。这些属性与 Anchor 对象(或 Area 对象)的 URL 属性⾮常相似。当⼀个 Location 对象被转换成字符串,href 属性的值被返回。这意味着你可以使⽤表达式 location 来替代location.href。
2、Anchor 对象表⽰的是⽂档中的超链接,Location 对象表⽰的却是浏览器当前显⽰的⽂档的 URL(或位置)。但是Location 对象所能做的远远不⽌这些,它还能控制浏览器显⽰的⽂档的位置。如果把⼀个含有 URL 的字符串赋予 Location 对象或它的 href 属性,浏览器就会把新的 URL 所指的⽂档装载进来,并显⽰出来。
3、除了设置 location 或 location.href ⽤完整的 URL 替换当前的 URL 之外,还可以修改部分 URL,只需要给 Location 对象的其他属性赋值即可。这样做就会创建新的 URL,其中的⼀部分与原来的 URL 不同,
浏览器会将它装载并显⽰出来。例如,假设设置了Location对象的 hash 属性,那么浏览器就会转移到当前⽂档中的⼀个指定的位置。同样,如果设置了 search 属性,那么浏览器就会重新装载附加了新的查询字符串的 URL。
4、除了 URL 属性外,Location 对象的 reload() ⽅法可以重新装载当前⽂档,replace()可以装载⼀个新⽂档⽽⽆须为它创建⼀个新的历史记录,也就是说,在浏览器的历史列表中,新⽂档将替换当前⽂档。
⼆、JS中Location属性
属性描述
hash 设置或返回从井号 (#) 开始的 URL(锚)。如果地址⾥没有“#”,则返回空字符串。
host 设置或返回主机名和当前 URL 的端⼝号。
hostname 设置或返回当前 URL 的主机名。
href 设置或返回完整的 URL。在浏览器的地址栏上怎么显⽰它就怎么返回。
pathname 设置或返回当前 URL 的路径部分。
port 设置或返回当前 URL 的端⼝号,设置或返回当前 URL 的端⼝号。
protocol 设置或返回当前 URL 的协议,取值为 'http:','https:','file:' 等等。
search 设置或返回从问号 (?) 开始的 URL(查询部分)。
三、JS中Location对象⽅法
属性描述
assign() 加载新的⽂档。
reload() 重新加载当前⽂档,相当于按浏览器上的“刷新”(IE)或“Reload”(Netscape)键。js assign
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";
}
以上所述就是本⽂的全部内容了,希望⼤家能够喜欢。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。