JS+iframe实现浏览器跨屏控制屏幕

要用前端做一个展示系统，电脑端或手机端有一个浏览器窗口a控制展示端浏览器窗口b，电脑端点击什么iframe页面链接展示端就显示什么页面。
目前只会做iframe链接页面，怎么用js让a控制b呢？

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链接显示什么就显示什么，有什么办法实现？？

我看你的页面都是同一个域名下的页面，通过localStorage传值能实现吗？
JS 当前页面监听localStorage的更新事件_哎哟喂呀-的博客-CSDN博客_localstorage事件

博主参考下面的链接
https://b23.tv/i3x6Odr

建议这个，视频方案不错
博主参考下面的链接
https://b23.tv/i3x6Odr

你看的那个博客，他是在一个显示器来，做双屏显示而已，双屏显示很简单呀，其实就是利用window.open 重新打开一个新窗口

感觉这个可以
博主参考下面的链接
https://b23.tv/i3x6Odr

第一种

第一 先写好手机端 和 电脑端相关的样式

第二 使用js判断 当前使用的是手机还是电脑操作

第三 使用display:block来展示当前的模块

第二种

使用本地缓存来实现

img


点击切换页面，替换掉ifame的路径，失其重新加载

弄一个实时通讯，A向B发指令，B收到后执行。