JavaScript Location Object


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

例子

可通过以下方式访问Location对象:

console.log(window.location);
console.log(document.location);

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

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

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

console.log(anchor.protocol);
// > https:
console.log(anchor.host);

您可以访问的“Location”的其他属性包括:

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

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

console.log(window.location.search);
// > "?param=location"
console.log(document.location.hash);
// > "#other-properties"

更多JavaScript教程

学习更多JavaScript教程