同源同域名下跨文档操作

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

这是父文档






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

这是子页面


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

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();
}