如何在 Javascript 的彈窗 window 上使用 resizeBy()？

Question

我創建了一個本地托管的“help.html”頁面，我使用 window.open() 作為彈出窗口打開該頁面。 但是，當嘗試使用 resizeBy() 時，沒有任何變化。 我使用的瀏覽器是 Opera GX。

這是我使用的代碼：

<button onclick="visitar()">Abrir</button>
<button onclick="dimension()">Redimensionar</button>

<script>
var ventana;
function visitar(){
    ventana = window.open("help.html", "_blank", "width=500, height=300");
};

function dimension(){
    ventana.resizeBy(250, 250);
};
</script>

我還嘗試將頁面位置留空，這確實有效，但不是我需要的：

ventana = window.open("", "_blank", "width=500, height=300");

這是我在這里發布的第一個問題。 如果您需要更多詳細信息，請告訴我。 先感謝您！

編輯 (2022.11.9)：控制台返回以下消息：

未捕獲的 DOMException：阻止了來源為“null”的框架訪問跨域框架。 在維度 (file:///C:/Users/R/Documents/CODE/Javascript4/index.html:20:13) 在 HTMLButtonElement.onclick (file:///C:/Users/R/Documents/CODE/ Javascript4/index.html:10:32)

Answer 1

我使用不同的 API 完成了這項工作。

使用resizeTo()而不是resizeBy()

代碼：

<button onclick="opener()">Open</button>
<button onclick="resizer()">Resize</button>

<script>
  var winObj;

  function opener() {
    winObj = window.open("", "_blank", "width=500, height=300");
  };

  function resizer() {
    winObj.resizeTo(500, 500);
  };
</script>

附上一個工作演示以便更好地理解：

Resize新開window