javascript Location 对象用法详解有需要学习的朋友可参考一下。

Location 对象

Location 对象包含有关当前 URL 的信息，是 Window 对象的一个部分，可通过 window.location 属性来访问

Location 对象属性

href属性是一个可读可写的字符串，可设置或返回当前显示的文档的完整 URL，因此，我们可以通过为该属性设置新的 URL，使浏览器读取并显示新的 URL 的内容

语法：location.href = URL;

实例：location.href = 'https://www.xiariboke.net';

hash是一个可读可写的字符串，该字符串是 URL 的锚部分（从 # 号开始的部分）

语法：location.hash = anchorName;

实例：

可以利用这个属性和锚点在页面内实现跳转

host返回当前 URL 的主机名称和端口号

语法：location.host;

实例：document.write(location.host); //url地址是：http://192.168.1.101/test/test.php 输出 192.168.1.101

hostname返回当前 URL 的主机名

语法：location.hostname;

实例：document.write(location.hostname); //url地址是：http://192.168.1.101/test/test.php 输出 192.168.1.101

pathname是一个可读可写的字符串，可设置或返回当前 URL 的路径部分

语法：location.pathname = path;

实例：document.write(location.pathname); //url地址是：http://192.168.1.101/test/test.php 输出 /test/test.php

location.pathname = 'test/test3.php'; //跳转到 test3.php页面

port是一个可读可写的字符串，可设置或返回当前 URL 的端口部分

语法：location.port = portnumber;

这个没有做实验，你可以实验一下，说说怎么回事！

protocol是一个可读可写的字符串，可设置或返回当前 URL 的协议

语法：location.protocol = path;

实例：document.write(location.protocol); //url地址是：http://192.168.1.101/test/test.php 输出 http:

search是一个可读可写的字符串，可设置或返回当前 URL 的查询部分（问号 ? 之后的部分）

语法：location.search = path_from_questionmark;

实例：document.write(location.search); //url地址是：http://192.168.1.101/test/test.php?key=test 输出 ?key=test

location.search = '?key=test'; //看url地址变成了：http://192.168.1.101/test/test.php?key=test

Location 对象方法

assign()加载一个新的文档

语法：location.assign(URL);

实例：location.assign('https://www.xiariboke.net');

reload()用于重新加载当前文档

语法：location.reload();

replace()用一个新文档取代当前文档，replace() 方法不会在 History 对象中生成一个新的纪录，当使用该方法时，新的 URL 将覆盖 History 对象中的当前纪录

语法：location.replace(newURL);

实例：location.replace('https://www.xiariboke.net');