[英]Self resize and center a window using javascript (no jquery) on page load
这不是我们通常会做的事情,但我们正在尝试将视频加载到由clickTag(来自横幅广告)打开的空白窗口中 - 并尽可能让它感觉像一个模态窗口。
是否可以使用javascript自行调整clickTag打开的空白窗口并将其居中显示在屏幕上?
用户基本上点击观看视频,我们希望他们观看视频而不会感觉他们已经去了一个完全不同的网站。
到目前为止,我可以调整窗口的大小,但无法弄清楚如何将其居中:
<script language="javascript">
function resizeVideoPage(){
resizeTo(400,390);
window.focus();
}
</script>
// Then...
<body onload="resizeVideoPage();"></body>
任何指向正确方向的人都会非常感激。
干杯
本
得到它:
<script language="javascript">
function resizeVideoPage(){
var width = 600;
var height = 400;
window.resizeTo(width, height);
window.moveTo(((screen.width - width) / 2), ((screen.height - height) / 2));
}
</script>
// Then...
<body onload="resizeVideoPage();"></body>
我个人会建议反对Popups Javascript窗口操作。 (由于弹出窗口拦截器,Javascript错误,......)叠加可能会更好。
这将是另一个解决方案。
文件一(链接应指向此助手,打开视频HTML)
<html>
<body>
<script>
var windowWidth = 400;
var windowHeight = 200;
var xPos = (screen.width/2) - (windowWidth/2);
var yPos = (screen.height/2) - (windowHeight/2);
window.open("popup.html","POPUP","width="
+ windowWidth+",height="+windowHeight +",left="+xPos+",top="+yPos);
</script>
</body>
</html>
文件二(关闭助手的视频)
<html>
<body onload="window.opener.close();">
</body>
</html>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.