跨域子页面可以修改父页面的location

假设父页面localhost:8084/1.html用iframe嵌入了localhost:8085/2.html:

1
<iframe src="http://localhost:8085/2.html"></iframe>

2.html页面内容如下：

1
2
3
4
<script>
    // console.log(parent.location);
    parent.location = "http://www.baidu.com";
</script>

访问1.html时，页面会直接跳走到百度首页。

由此可见，跨域的子页面是可以修改父页面的location，但是却不能读取父页面的location，跨域读取的时候，会直接抛DOMException。

查了一下相关文档，location作为一种资源，跨域的时候可以修改但不能读取！