要用前端做一个展示系统，电脑端或手机端有一个浏览器窗口a控制展示端浏览器窗口b，电脑端点击什么iframe页面链接展示端就显示什么页面。
目前只会做iframe链接页面，怎么用js让a控制b呢？
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link href="css/basic.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">
<script src="js/jquery.min.js"></script>
<script src="js/index.js"></script>
</head>
<body>
<div class="container">
<div class="left">
<ul>
<li><a class="hover" href="page1.html" target="_right">页面一</a></li>
<li><a href="page2.html" target="_right">页面二</a></li>
<li><a href="page3.html" target="_right">页面三</a></li>
</ul>
</div>
<div class="right" id = "s">
<iframe class="myiframe" src="page1.html" name="_right" ></iframe>
</div>
</div>
</body>
<script>
</script>
</html>
用在主屏显示的web页面中，点击链接，打开新页面在副屏（主屏）上显示。
https://blog.csdn.net/erdongritian/article/details/81629872
用的这个博主的办法
我的解答思路和尝试过的方法
查了iframe可以实现跨域存储，试了很多发现与我要的效果不一致（主要原因还是不会写）
又看了浏览器存储Cookie的方法，不知道怎么实现
我想要达到的结果
浏览器中a页面控制b页面显示，b页面就是单纯的显示页面，a页面的iframe链接显示什么就显示什么，有什么办法实现？？
