window.open：是否可能打开一个新窗口，修改其DOM [英] window.open: is it possible open a new window with modify its DOM

问题描述

我想打开一个新窗口：

  var my = window.open（'iframe.html'，'_blank' ，height = 600，width = 600）; 
  

但只要打开它，我想修改其DOM，我试过：

  var div = my.document.createElement（div）; 
 div.innerHTML =你好！; 
 my.document.body.appendChild（div）; 
  

或：

 code> var div = $（'< div> Hello World< / div>'）; 
 $（my）.contents（）。find（'body'）。append（div）; 
  

他们都不工作;

那么当我打开它时，可以修改我的iframe DOM吗？

解决方案

可以访问和修改iframe DOM

  var my = window.open（'iframe.html '，'_blank'，height = 600，width = 600）; 
 
 my.onload = function（）{
 var div = my.document.createElement（div）; 
 div.innerHTML =你好！; 
 my.document.body.appendChild（div）; 
}; 
  

此外，请确保父窗口在加载子窗口之前未关闭。 >

I want open a new window：

var my = window.open('iframe.html', '_blank' ,"height=600, width=600");

but just when open it, I want modify its DOM, I have tried:

var div = my.document.createElement("div");
div.innerHTML = "Hello!";
my.document.body.appendChild( div );

or:

var div = $('<div>Hello World</div>');
$(my).contents().find('body').append(div);

Both of them doesn't work;

So is it possible modify my iframe DOM when I open it?

解决方案

It is possible to access and modify the iframe DOM only before the child window is loaded.

var my = window.open('iframe.html', '_blank' ,"height=600, width=600");

my.onload = function () {
 var div = my.document.createElement("div");
 div.innerHTML = "Hello!";
 my.document.body.appendChild( div );
};

Also, make sure that the parent window is not closed before the child window is loaded.

这篇关于window.open：是否可能打开一个新窗口，修改其DOM的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！