javascript - 修改将要打开的窗口

Question

我想在单击按钮时打开一个窗口，并修改将打开的页面的 html 和 css。我怎样才能做到这一点？

我在一个 symfony 项目上工作，我只想在将打开的窗口的一段上写字。为此我尝试了:

$( "#tom" ).click(function() { 
  var wind = window.open("{{ path('AjoutFournisseur') }}", "Ajouter un fournisseur", "width=520,height=1080");
  wind.document.getElementById("can").innerHTML='TEST'; 
});

我有这个错误:

Uncaught TypeError: Cannot set property 'innerHTML' of null at HTMLSpanElement. (add-volet:113) at HTMLSpanElement.dispatch (jquery.min.js:2) at HTMLSpanElement.y.handle (jquery.min.js:2)

Answer 1

如果弹出窗口与父窗口不在同一域中，则如果没有其他站点的合作，这是不可能实现的(CORS 规则和同源策略将适用)。

如果两个页面都在同一个域中，则您需要进行的更改是等待弹出窗口完成加载后再尝试修改；现在，您正在打开窗口，然后在网络请求有机会返回其内容之前立即尝试更改其内容。

我无法在正常运行的堆栈溢出代码片段中演示这一点，因为它不允许弹出窗口，但这就是它的样子:

$('#tom').on("click", function() {
  let thePopup = window.open("url_of_popup_window.html");
  thePopup.onload = function(e) {
    thePopup.document.getElementById("can").innerHTML = 'TEST';
    // Or, since you're already using jQuery, use this equivalent to the above line:
    // $('#can', e.target).html('TEST'); // e.target is the popup document here
    // (this would be usable even if jQuery is not in the popup window, because this script runs in the parent)
  }
});