同源同域名下跨文档操作

同服务器、同域名下才可以操作,不能更改别人的网页
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();
}

你可能感兴趣的:(同源同域名下跨文档操作)