JavaScript BOM——“location 对象”的注重要点

location 对象基础引见

location 是最有效的 BOM 对象之一,它供应了与当前窗口中加载的文档有关的信息。还供应了一些导航功用。下面是 location 对象的一切属性:

假定当前的 URL 是: http://example.com:1234/test.htm#part2:
hash    设置或返回从井号 (#) 最先的 URL(锚)。//#part2
host    设置或返回主机名和当前 URL 的端口号。//example.com:1234
hostname    设置或返回当前 URL 的主机名。//example.com
href    设置或返回完全的 URL。//http://example.com:1234/test.htm#part2:
pathname    设置或返回当前 URL 的途径部份。///test/test.htm
port    设置或返回当前 URL 的端口号。//1234
protocol    设置或返回当前 URL 的协定。//http:

假定当前的 URL 是: http://www.w3school.com.cn/tiy/t.asp?f=hdom_loc_search
search    设置或返回从问号 (?) 最先的 URL(查询部份)。//?f=hdom_loc_search

位置操纵

assign()要领

为其通报一个 URL,如:

location.assign("http://www.baidu.com");

如许就能够马上翻开新 URL 并在浏览器的历史纪录中天生一条纪录。也能够用 location.href 和 window.location 设置为一个 URL 的值。

别的,也能够修正 location 对象的其他属性来转变 URL。如许会在浏览器的历史纪录中天生一条新的纪录。

replace()要领

虽然会致使浏览器位置的转变,但不回在历史纪录中天生新的纪录。而且用户不能返回到值钱的页面。如:

setTimeout(function(){
    location.replace("http://www.baidu.com");
}, 3000)

上面的代码,三秒钟以后跳转到新的页面。

reload()要领

从新加载,吸收一个可选参数,以下:

  • location.reload(); //能够从缓存中加载

  • location.reload(true); //从服务器从新加载

如:

setTimeout(reloading, 5000);
function reloading(){
    location.reload(true);
}

每五秒钟革新一次页面。

    原文作者:JS菌
    原文地址: https://segmentfault.com/a/1190000004071304
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞