同源同域名下跨文档操作

同服务器、同域名下才可以操作，不能更改别人的网页
iframe内页：
父页面操作子页面：contentWindow
子页面操作父页面：window.top（找到最顶级的父页面）/parent（第一父页面）
新窗口页：
父页面操作子页面：window.open
子页面操作父页面：window.opener

这是父文档
<input type = "button" id = "btn" value = "changeColor">
<br>
<hr>
<iframe id = "iframe" src = "iframe2.html" frameborder = "0"></iframe>

btn.onclick = function(){
  iframe.contentWindow.document.body.style.background = "purple";
}

这是子页面
<iframe src = "" frameborder = "0"></iframe>

document.onclick = function(){
  parent.document.body.style.background = "skyblue";
} 

<input type="button" id = "btn1" value = "打开一个窗口">
<input type="button" id = "btn2" value = "操作新窗口">

let opener;
btn1.onclick = function(){
  opener = open("iframe4.html");
}
btn2.onclick = function(){
  opener.document.body.style.background = "yellow";
}

新打开的窗口

document.onclick = function(){
  opener.document.body.style.background = "red";
  close();
}