js 调用双屏设备

最新推荐文章于 2026-05-13 12:11:28 发布

转载最新推荐文章于 2026-05-13 12:11:28 发布 · 3.3k 阅读

标签

#js #前端

收录于

前端同时被 2 个专栏收录

136 篇文章

订阅专栏

46 篇文章

订阅专栏

博客介绍了window.open用于副屏窗口，window.opener用于主屏窗口，并提及了测试效果，还给出了zhu.html和fu.html相关内容，属于前端JavaScript技术范畴。

window.open 副屏窗口
window.opener 主屏窗口
测试效果如下
在这里插入图片描述

zhu.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>主屏</title>
	</head>
	<body>
		这里是主屏
		<button onclick="daKaiFu()">打开副屏</button>
		<button onclick="diaoYongFu('HelloWorld')">调用副屏函数</button>
		
		<script>
			var fu = "";
			
			function daKaiFu(){
				fu = window.open("fu.html","","fullscreen=1,secondscreen=1,screenindex=1");
			}
			
			function diaoYongFu(val){
				if(!fu) {
					alert("请先打开副屏");
					return;
				}
				
				fu.fuFunction(val);
			}
		</script>
	</body>
</html>

fu.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>副屏</title>
	</head>
	<body>
		这里是副屏
		
		<script>
			function fuFunction(val){
				alert("副屏的函数被调用了 值为：" + val);
			}
		</script>
	</body>
</html>