Javascript 或 Jquery 在新打开的子窗口中更新 div - 需要语法来更新子窗口 div

Question

我有一个 Ajax 函数，它返回一个 html 字符串作为 vReportContent。

然后我使用 javascript window.open 打开一个新的 html 页面

此页面上有一个名为“divReportContent”的 div，我想使用 vReportContent 更新它

这是 javascript/jquery 代码示例：

var vReportContent = msg; (returned from Jquery Ajax call - this works fine)
var vUrl = 'PrintReport.html';
var vWindowName = 'PrintReport';
window.open('' + vUrl + '', '' + vWindowName + '', width=1010, height=750;

* 更新子项 (打开）窗口 div 与 vReportContent

类似： $('#divReportContent').html(vReportContent);

或者 JavaScript 的等价物。

谢谢！

Answer 1

试试这个。我们必须等到新 window 中的 document 加载完毕后才能尝试查找元素。

var vReportContent = msg; (returned from Jquery Ajax call - this works fine)
var vUrl = 'PrintReport.html';
var vWindowName = 'PrintReport';
var newWindow = window.open('' + vUrl + '', '' + vWindowName + '', width=1010, height=750;

$(newWindow).load(function(){
   $(newWindow).find('#divReportContent').html(vReportContent);
});

Answer 2

你可以尝试这样的事情：

var w = window.open(...);
$(w.document).find('#divReportContent').html(vReportContent);