必威体育Betway必威体育官网
当前位置:首页 > IT技术

js控制屏幕双屏显示

时间:2019-10-09 05:44:24来源:IT技术作者:seo实验室小编阅读:60次「手机版」
 

双屏显示

一、需求

双屏显示器下,在主屏(副屏)显示的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插件,没有搞过,也不想搞。

目前就这些了,如果有更好、更简单的方式,可以沟通交流。

相关阅读

html+css+js 填写表单实现下一步上一步操作

效果如下   完整代码如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 带语境色彩

win10控制面板在哪?打开电脑NVIDIA控制面板的方法

在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"

分享到:

栏目导航

推荐阅读

热门阅读