问题描述
我在尝试使一个相当简单的popupper正常工作时遇到了一些麻烦.想法是,父级应该打开一个弹出窗口,然后在其中添加一个div.
I'm having some trouble trying to get a fairly simple popupper to work. The idea is that the parent should open a popup window and then append a div in it.
代码的相关部分:
parent.html :
var childWindow;
function togglePref() {
childWindow = window.open("popup.html", "prefPopup", "width=200,height=320");
}
function loadPopupElements() {
var prefElements = document.getElementById("prefBrd").cloneNode(true);
var childDoc = childWindow.document;
var childLink = document.createElement("link");
childLink.setAttribute("href", "pop.css");
childLink.setAttribute("rel", "stylesheet");
childLink.setAttribute("type", "text/css");
childDoc.head.appendChild(childLink);
childDoc.body.appendChild(prefElements);
}
popup.html :
<head>
</head>
<body onload="opener.loadPopupElements();">
</body>
这在Safari和Chrome上正常运行,但是由于某些原因IE拒绝附加任何内容.
This works fine with Safari and Chrome, but for some reason IE refuses to append anything.
推荐答案
好的,我设法通过使用innerHTML的丑陋解决方案来解决该问题.显然,正如Hemlock提到的那样,IE不支持从另一个文档中追加子代.有些人建议看一下importNode()方法,但我似乎也没有运气.
Ok, I managed to work around the problem with a uglyish solution using innerHTML. Apparently, as Hemlock mentioned, IE doesn't support appending children from a another document. Some suggested to take a look at the importNode() method but I seemed to have no luck with it either.
因此,解决方法如下:
parent.html :
var childWindow;
function togglePref() {
childWindow = window.open("popup.html", "prefPopup", "width=200,height=320");
}
function loadPopupElements() {
var prefElements = document.getElementById("prefBrd");
var childDoc = childWindow.document;
childDoc.body.innerHTML = prefElements.innerHTML;
}
popup.html :
<head>
<link href="pop.css" rel="stylesheet" type="text/css">
</head>
<body onload="loadElements();">
</body>
<script type="text/javascript">
function loadElements() {
opener.loadPopupElements();
}
</script>
这似乎是一个令人讨厌的方法,因为在我的案例中, #prefBrd 包含一些具有动态设置值的输入元素,因此为了使popup.html能够抓住它们,它必须在loadElements()函数末尾进行一些迭代,而使用appendChild则不需要.
This seems quite a nasty way to go because in my case the #prefBrd contains some input elements with dynamically set values, so in order for the popup.html to grab them, it has to do a bit of iteration at the end of the loadElements() function, which wouldn't have been necessary using appendChild.
这篇关于将孩子添加到弹出窗口中.(JavaScript)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!