双屏显示
一、需求
双屏显示器下,在主屏(副屏)显示的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 οnclick="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://www.cnblogs.com/gilbert/p/5421530.html
方式二:结合工具UltraMon,进行设置,但是博主安装了一下这个工具,折腾了一下,没有折腾出来。
方式三:自己写ActiveXObject插件,没有搞过,也不想搞。
目前就这些了,如果有更好、更简单的方式,可以沟通交流。
相关阅读
效果如下 完整代码如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 带语境色彩
在Win10系统中,我们可通过显卡的控制面板进行一些显卡更为高级设置,此时就需要打开显卡控制面板,win10控制面板在哪?其实显卡控制面
遇到问题:HTTP Status 404 - /Demo6/servlet/info.jsp
如若返回页或者重定向页面,登录页相同文件夹下,即会产生404此问题。 新建个文件夹servlet把返回页或者重定向页面放在这里面因为访
RCBA 权限:权利(能做的)和限制(不能做的),在权限范围内
JS&禁用超链接&e.preventDefault(); 阻止事件默认行为
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"