all

2023年06月08日

柏拉文

越努力，越幸运

location.ancestorOrigins

location.ancestorOrigins 只读属性是一个静态的 DOMStringList,倒序排列了此Location 对象所属文档先前所有浏览上下文的来源。

你可以在脚本中使用 location.ancestorOrigins 来检测你的网页是否被你不希望的对象嵌入了。你也可以使用它让网页在被特定站点嵌入时做出不同的表现。

语法

const ancestors = location.ancestorOrigins;

location.hash 属性返回一个 USVString, 其中会包含 URL 标识中的 # 和后面 URL 片段标识符。

语法

const hash = location.hash;

location.host 属性是包含了主机的一段 USVString,其中包含:主机名，如果 URL 的端口号是非空的，还会跟上一个 : ，最后是 URL 的端口号。

语法

const host = location.host;

location.hostname 属性是包含了域名的一段 USVString。

语法

const string = location.hostname;

location.href 属性是一个字符串化转换器 (stringifier), 返回一个包含了完整 URL 的 USVString 值，且允许 href 的更新。

语法

const href = location.href;

location.search 属性会返回一段 USVString, 其中包含一个 URL 标识中的 ? 以及跟随其后的一串 URL 查询参数。

语法

const search = location.search;

场景

场景一: 获取查询字符串、并解析

const search = location.search;
const serachObj = new URLSearchParams(search);
for (let keyValue of serachObj) {
    console.log(keyValue);
}