我只想获取网站URL。不是从链接获取的URL。在页面加载时,我需要能够获取网站的完整、当前URL,并将其设置为一个变量,以便根据需要进行处理。
当前回答
打开开发人员工具,在控制台中键入以下内容,然后按Enter键。
window.location
下面是当前页面上的结果截图。
从这里获取您需要的信息。:)
其他回答
对于那些想要一个实际的URL对象的人,可能是一个以URL为参数的实用程序:
const url = new URL(window.location.href)
https://developer.mozilla.org/en-US/docs/Web/API/URL
获取当前页面URL:
window.location.href
Use:
window.location.href
正如评论中所指出的,下面这行行是有效的,但它对Firefox来说是错误的。
document.URL
请参阅DOMString类型的URL,只读。
对于带有查询字符串的完整URL:
document.location.toString()
对于主机URL:
window.location
好的,使用纯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