在页面加载时使用javascript(无jquery)自我调整大小并使窗口居中

CMS*_*CSS 5 javascript resize window center

这不是我们通常会做的事情,但我们正在尝试将视频加载到由clickTag(来自横幅广告)打开的空白窗口中 - 并尽可能让它感觉像一个模态窗口.

是否可以使用javascript自行调整clickTag打开的空白窗口并将其置于屏幕中心?

  • 我们无法对点击的链接应用任何内容,因此...
  • 当页面加载时,一切都必须自行运行
  • 如果可能的话,最好不要看到浏览器标签和地址栏
  • 我们没有加载jquery
  • 浏览器安全警报​​是否存在潜在问题?

用户基本上点击观看视频,我们希望他们观看视频而不会感觉他们已经去了一个完全不同的网站.

到目前为止,我可以调整窗口的大小,但无法弄清楚如何将其居中:

<script language="javascript">

  function resizeVideoPage(){
    resizeTo(400,390);
    window.focus();
  }
</script> 

// Then...

<body onload="resizeVideoPage();"></body>
Run Code Online (Sandbox Code Playgroud)

任何指向正确方向的人都会非常感激.

干杯

CMS*_*CSS 10

得到它:

<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>
Run Code Online (Sandbox Code Playgroud)


win*_*ner 6

我个人会建议反对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>
Run Code Online (Sandbox Code Playgroud)

文件二(关闭助手的视频)

<html>
<body onload="window.opener.close();">
</body>
</html>
Run Code Online (Sandbox Code Playgroud)