使用JavaScript获取当前URL？

我只想获取网站URL。不是从链接获取的URL。在页面加载时，我需要能够获取网站的完整、当前URL，并将其设置为一个变量，以便根据需要进行处理。

当前回答

要获取路径，可以使用：

http://www.example.com:8082/index.php#tab2?foo=789

Property                    Result
------------------------------------------
window.location.host        www.example.com:8082
window.location.hostname    www.example.com
window.location.port        8082
window.location.protocol    http:
window.location.pathname    index.php
window.location.href        http://www.example.com:8082/index.php#tab2
window.location.hash        #tab2
window.location.search      ?foo=789
window.location.origin      https://example.com

2022-08-17 19:50:37

其他回答

好的，使用纯JavaScript很容易获得当前页面的完整URL。例如，在此页面上尝试以下代码：

window.location.href;
// use it in the console of this page will return
// http://stackoverflow.com/questions/1034621/get-current-url-in-web-browser"

window.location.href属性返回当前页面的URL。

document.getElementById（“root”）.innerHTML=“此页面的完整URL为：<br>”+window.location.href；<!DOCTYPE html><html><body><h2>JavaScript</h2><h3>窗口.location.href</h3><p id=“root”></p></body></html>

同样值得一提的是：

如果需要相对路径，只需使用window.location.pathname；如果要获取主机名，可以使用window.location.hostname；如果需要单独获取协议，请使用window.location.protocol此外，如果您的页面具有哈希标记，则可以获取如下内容：window.location.hash。

所以window.location.href一次处理所有内容。。。基本上：

window.location.protocol + '//' + window.location.hostname + window.location.pathname + window.location.hash === window.location.href;
    //true

如果已经在窗口范围内，则不需要使用窗口。。。

因此，在这种情况下，您可以使用：

location.protocol

location.hostname

location.pathname

location.hash

location.href

2017-10-07 02:31:46

Use:

window.location.href

正如评论中所指出的，下面这行行是有效的，但它对Firefox来说是错误的。

document.URL

请参阅DOMString类型的URL，只读。

2009-06-23 19:29:00

var currentPageUrlIs = "";
if (typeof this.href != "undefined") {
       currentPageUrlIs = this.href.toString().toLowerCase(); 
}else{ 
       currentPageUrlIs = document.location.toString().toLowerCase();
}

以上代码也可以帮助某人

2013-12-19 12:58:58

使用：window.location.href。

如上所述，更新window.location时，document.URL不会更新。请参阅MDN。

2014-04-25 16:14:28

要获取路径，可以使用：

http://www.example.com:8082/index.php#tab2?foo=789

Property                    Result
------------------------------------------
window.location.host        www.example.com:8082
window.location.hostname    www.example.com
window.location.port        8082
window.location.protocol    http:
window.location.pathname    index.php
window.location.href        http://www.example.com:8082/index.php#tab2
window.location.hash        #tab2
window.location.search      ?foo=789
window.location.origin      https://example.com

2022-08-17 19:50:37

使用JavaScript获取当前URL？

推荐文章

最新文章

标签