iframe中获取顶层页面的location

在iframe中获取顶层页面的location，可以使用parent对象的location属性。具体的代码如下：

console.log(parent.location);

这将在控制台中输出顶层页面的URL和其他相关信息。如果你只想获取顶层页面的URL，可以使用以下代码：

console.log(parent.location.href);

这将只输出顶层页面的URL。需要注意的是，如果iframe和顶层页面不在同一个域名下，由于浏览器的跨域安全限制，你将无法访问顶层页面的location信息。

相关问题

iframe 中获取 location.href 为什么不是 iframe 的 src

获取 `location.href` 属性时，它返回的是当前页面的完整 URL 地址。如果在 iframe 中使用 `location.href` 属性，则返回的是包含 iframe 的页面的 URL 地址，而不是 iframe 的 `src` 属性的值。

如果要获取 iframe 的 `src` 属性的值，可以使用 `iframe.src` 属性来获取。例如：

<iframe id="myIframe" src="http://www.example.com"></iframe>

var iframe = document.getElementById('myIframe');
var iframeSrc = iframe.src;
console.log(iframeSrc); // 输出：http://www.example.com

注意，在某些情况下，可能会出现跨域问题，导致无法获取 iframe 的 `src` 属性的值。这通常是因为 iframe 所在的页面和包含 iframe 的页面不在同一个域名下。此时，需要使用其他方式来实现数据传递。

vue中iframe嵌套页面跳转

在Vue中嵌套iframe页面跳转，可以使用iframe的window对象的location属性进行页面跳转。

例如，在Vue组件中嵌套一个iframe：

<template>
  <div>
    <iframe ref="myIframe" src="http://www.example.com"></iframe>
  </div>
</template>

然后，在Vue组件的方法中使用iframe的window对象的location属性进行页面跳转：

<script>
export default {
  methods: {
    goToPage() {
      this.$refs.myIframe.contentWindow.location.href = 'http://www.example.com/newpage';
    }
  }
}
</script>

在这个例子中，当调用goToPage方法时，会将iframe中的页面跳转到http://www.example.com/newpage。