JavaScript Navigator 对象 JavaScript Location 对象

Location href 属性

JavaScript Location 对象

href属性设置或返回当前页面的完整URL。

语法：

返回href属性：

location.href

设置href属性：

location.href = URL

示例

var x = location.href;
document.querySelector("#output").innerHTML = x;

测试看看‹/›

浏览器兼容性

所有浏览器都完全支持href属性：

属性
href	是	是	是	是	是

属性值

值	描述
URL	字符串，指定链接的URL。可能的值：绝对URL-绝对路径是从文件系统根目录开始的路径。它始终包含文件的完整URL（例如href="/html/"）相对网址 -指向网站中的文件（例如href="/ html /"）锚点URL-指向页面内的锚点（例如location.href ="#empty_element"）新协议 -指定其他协议（例如 location.href="ftp://myftpserver.com"， location.href="mailto：someone@example.com" 或location.href="file：// host / path /example.txt"）

技术细节

返回值：	一个字符串，表示页面的整个URL，包括协议（例如https：//）

更多示例

将href值设置为指向另一个网站：

示例

location.href = "";

测试看看‹/›

将href值设置为指向页面内的锚点：

示例

location.href = "#top";

测试看看‹/›

此示例显示所有位置属性：

示例

var txt = "";
txt += "<p>Host: " + location.host + "</p>";
txt += "<p>Hostname: " + location.hostname + "</p>";
txt += "<p>Href: " + location.href + "</p>";
txt += "<p>Origin: " + location.origin + "</p>";
txt += "<p>Pathname: " + location.pathname + "</p>";
txt += "<p>Protocol: " + location.protocol + "</p>";
txt += "<p>Search: " + location.search + "</p>";
document.write(txt);

测试看看‹/›

相关参考

位置参考：location.host属性

位置参考：location.hostname属性

位置参考：location.pathname属性

位置参考：location.protocol属性

JavaScript Location 对象

JavaScript Navigator 对象 JavaScript Location 对象