freeCodeCamp/guide/chinese/javascript/location-object/index.md

title, localeTitle

title	localeTitle
Location Object	位置对象

位置对象

“位置”对象提供API（应用程序编程接口），其允许检索URL，设置URL或访问URL的部分。默认情况下，它已在Window和Document对象上实现。 注意：没有适用于location对象的公共标准，但所有主流浏览器都支持它。

位置对象属性

|财产|说明| | ---------- | -------------------------------------- ------------------- | |哈希|设置或返回URL |的锚点部分（＃） |主持人|设置或返回URL的主机名和端口号 |主机名|设置或返回URL的主机名 | href |设置或返回整个URL | |来源|返回URL的协议，主机名和端口号 |路径名|设置或返回URL的路径名 |港口|设置或返回URL的端口号 |协议|设置或返回URL的协议 |搜索|设置或返回URL |的查询字符串部分

位置对象方法

|方法|说明| | ----------- | ------------------------------------- --------- | | assign（）|加载新文档| | reload（）|重新加载当前文档| | replace（）|用新的文档替换当前文档

例子

可通过以下方式访问位置对象：

    console.log(window.location); 
    // > https://guide.freecodecamp.org/javascript/location-object 
    console.log(document.location); 
    // > https://guide.freecodecamp.org/javascript/location-object 

您还可以使用JavaScript以编程方式设置HTML <a>元素的Location对象或HTML <area>元素。

    var anchor = document.createElement('a'); 
    anchor.url = "https://guide.freecodecamp.org/javascript/location-object"; 

一旦你有一个带有URL集的对象（包括窗口），Location API允许你访问URL的部分内容。

    console.log(anchor.protocol); 
    // > https: 
    console.log(anchor.host); 
    // > guide.freecodecamp.org (includes port number if applicable. Example: guide.freecodecamp.org:8080) 

您可以访问的“位置”的其他属性包括：

• anchor.hostname - guide.freecodecamp.org
• anchor.port - 8080
• anchor.pathname - / javascript / location-object
• anchor.origin - https://developer.mozilla.org

如果您的URL包含参数或哈希值，您可以像这样访问它们：

    // If your URL is https://guide.freecodecamp.org/javascript?param=location#other-properties 
    console.log(window.location.search); 
    // > "?param=location" 
    console.log(document.location.hash); 
    // > "#other-properties" 

更多信息：

W3C - 位置对象 地点