在頁面加載時使用javascript（無jquery）自我調整大小並使窗口居中

Question

這不是我們通常會做的事情，但我們正在嘗試將視頻加載到由clickTag（來自橫幅廣告）打開的空白窗口中 - 並盡可能讓它感覺像一個模態窗口。

是否可以使用javascript自行調整clickTag打開的空白窗口並將其居中顯示在屏幕上？

我們無法對點擊的鏈接應用任何內容，因此...
當頁面加載時，一切都必須自行運行
如果可能的話，最好不要看到瀏覽器標簽和地址欄
我們沒有加載jquery
瀏覽器安全警報是否存在潛在問題？

用戶基本上點擊觀看視頻，我們希望他們觀看視頻而不會感覺他們已經去了一個完全不同的網站。

到目前為止，我可以調整窗口的大小，但無法弄清楚如何將其居中：

<script language="javascript">

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

// Then...

<body onload="resizeVideoPage();"></body>

任何指向正確方向的人都會非常感激。

干杯

本

Answer 1

得到它：

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

Answer 2

我個人會建議反對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>

在頁面加載時使用javascript（無jquery）自我調整大小並使窗口居中

問題描述

2 個解決方案

解決方案1
10 2013-02-14 01:51:55

解決方案2
6 已采納 2013-02-14 02:15:31

在頁面加載時使用javascript（無jquery）自我調整大小並使窗口居中

問題描述

2 個解決方案

解決方案1 10 2013-02-14 01:51:55

解決方案2 6 已采納 2013-02-14 02:15:31

解決方案1
10 2013-02-14 01:51:55

解決方案2
6 已采納 2013-02-14 02:15:31