admin管理员组文章数量:1570215
一、需求
双屏显示器下,在主屏(副屏)显示的web页面中,点击链接,打开新页面在副屏(主屏)上显示。
二、实现方式
代码实现:
testdouble.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script type="text/javascript">
var fulls = "left=0,screenX=0,top=0,screenY=0,scrollbars=1"; //定义弹出窗口的参数
if(window.screen) {
var ah = screen.availHeight - 30;
var aw = screen.availWidth - 10;
fulls += ",height=" + ah;
fulls += ",innerHeight=" + ah;
fulls += ",width=" + aw;
fulls += ",innerWidth=" + aw;
fulls += ",resizable"
} else {
fulls += ",resizable"; // 对于不支持screen属性的浏览器,可以手工进行最大化。 manually
}
function openNewWindow(url, name) {
myWindow=window.open(url, name, fulls);
if(screen.availLeft>-1){ //判断左屏还是右屏
myWindow.moveTo(-1000, 0); //1000是根据自己环境来设定的,应该有更好的方式。
}else{
myWindow.moveTo(1000, 0);
}
}
function goDemo() {
openNewWindow('testdouble2.html', '');
}
</script>
<body>
<h1>这是主屏</h1>
<button onclick="goDemo()">跳到副屏</button>
</body>
</html>
testdouble2.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>这是副屏</h1>
</body>
</html>
测试成功的浏览器:
测试不成功的如下:
三、其他方式(博主在网上查的其他实现方式,但是没有测试成功)
方式一:利用ActiveXObject对象,获取硬件相关信息,进行跳转,文章说要用ie9,博主ie8,测试不通过。
http://wwwblogs/gilbert/p/5421530.html
方式二:结合工具UltraMon,进行设置,但是博主安装了一下这个工具,折腾了一下,没有折腾出来。
方式三:自己写ActiveXObject插件,没有搞过,也不想搞。
目前就这些了,如果有更好、更简单的方式,可以沟通交流。
版权声明:本文标题:js控制屏幕双屏显示 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/xitong/1727666496a1124671.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论