窗口位置主机与来源 - JavaScript

在JavaScript中，可以通过 window 对象来访问浏览器窗口的位置、主机及来源信息。以下是一些常用的方法：

1. 窗口位置

通过 window 对象获取窗口的位置，可以使用以下两种方法：

window.screenX 和 window.screenY

用于获取浏览器窗口相对于屏幕左上角的 X 和 Y 坐标。

console.log(window.screenX);
console.log(window.screenY);

window.pageXOffset 和 window.pageYOffset

用于获取网页滚动条相对于窗口左上角的 X 和 Y 坐标。

console.log(window.pageXOffset);
console.log(window.pageYOffset);

2. 主机与来源

通过 window 对象获取浏览器窗口的主机及来源信息，可以使用以下方法：

window.document.domain

用于获取当前网页所在的域名（主机名）。如果当前网页的地址是 http://www.example.com/test.html，则返回 www.example.com。

console.log(window.document.domain);

需要注意的是，该属性只适用于同源页面，即当前网页与引用它的页面必须来自同一个域名。

window.location

用于获取当前网页的完整地址信息，包括主机名、协议、路径等。

console.log(window.location.href);
console.log(window.location.protocol);
console.log(window.location.host);
console.log(window.location.hostname);
console.log(window.location.pathname);
console.log(window.location.search);
console.log(window.location.hash);

其中，href 属性返回当前网页的完整地址，protocol 返回当前网页所使用的协议（如 http: 或 https:），host 返回主机名及端口号（如 www.example.com:8080），hostname 返回仅主机名部分（如 www.example.com），pathname 返回网页路径及文件名部分（如 /test.html），search 返回查询字符串部分（如 ?id=123），hash 返回网页片段标识符部分（如 #top）。

document.referrer

用于获取当前网页的来源信息，即上一页的地址。

console.log(document.referrer);

需要注意的是，在某些情况下可能会返回空字符串或 about:blank。