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


当前回答

获取当前位置对象的方法是window.location。

将其与document.location进行比较,后者最初仅以字符串形式返回当前URL。可能是为了避免混淆,document.location被document.URL替换。

而且,所有现代浏览器都会将document.location映射到window.location。

实际上,为了跨浏览器安全,应该使用window.location而不是document.location。

其他回答

打开开发人员工具,在控制台中键入以下内容,然后按Enter键。

window.location

下面是当前页面上的结果截图。

从这里获取您需要的信息。:)


// http://127.0.0.1:8000/projects/page/2?name=jake&age=34
let url = new URL(window.location.href);
/*
hash: ""

host: "127.0.0.1:8000"

hostname: "127.0.0.1"

href: "http://127.0.0.1:8000/projects/page/2?username=jake&age=34"

origin: "http://127.0.0.1:8000"

password: ""

pathname: "/projects/page/2"

port: "8000"

protocol: "http:"

search: "?name=jake&age=34"

username: ""
*/

url.searchParams.get('name')
// jake

url.searchParams.get('age')
// 34

url.searchParams.get('gender')
// null

获取当前页面URL:

window.location.href

对于带有查询字符串的完整URL:

document.location.toString()

对于主机URL:

window.location

要获取路径,可以使用:

console.log('document.location',document.location.href);console.log('location.pathname',window.location.pathname);//仅返回路径console.log('location.href',window.location.href);//返回完整URL