要用前端做一个展示系统,电脑端或手机端有一个浏览器窗口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链接显示什么就显示什么,有什么办法实现??