从 iframe 获取顶部窗口 url - Javascript

当我们在一个网页的iframe中嵌入另一个网页时，有时候需要获取顶部窗口的url，以便对iframe中显示的内容进行一些操作。下面介绍两种通过Javascript获取顶部窗口 url的方法。

方法一：使用window.top对象

可以通过window.top对象来获取顶部窗口的URL。代码如下：

let topUrl = window.top.location.href;
console.log('顶部窗口 url：', topUrl);

方法二：使用parent对象

使用parent对象也可以获取顶部窗口的URL。代码如下：

let parentUrl = parent.location.href;
console.log('顶部窗口 url：', parentUrl);

需要注意的是，如果当前页面不在iframe中，则parent和top指向的对象相同，都表示顶部窗口。

以上两种方法都可以获取顶部窗口的URL，可以根据实际情况选择使用哪种方法。

代码片段

//方法一
let topUrl = window.top.location.href;
console.log('顶部窗口 url：', topUrl);

//方法二
let parentUrl = parent.location.href;
console.log('顶部窗口 url：', parentUrl);

以上代码片段返回的结果如下：

顶部窗口 url： https://www.example.com/
顶部窗口 url： https://www.example.com/