0

我添加了以下 java 脚本代码来创建一个弹出窗口：

document.write('<center>');

    document.write('<div id="productComapreBox" style="border:0px solid #0066FF ; padding:5px; font-size:150%; text-align:center; display:none; width:820px; height:600px;">');
        document.write('<input type="image" src="images/close.png" width="30" height="30" alt="X" onClick="'+eval(Popup.hide("productComapreBox"))+'" style="cursor:pointer; float:right; z-index:20;">');
        document.write('<div style="z-index:20;">');

            document.write('<iframe width="800px" height="600px" frameborder="0" scrolling="auto" marginheight="0" marginwidth="0" style="background-color:#FFFFFF;" src="<?php echo $domainName; ?>productComaprePop.php?productComapreIds='+productId+'"></iframe>');

        document.write('</div>');
    document.write('</div>');

document.write('</center>');

它正在打开我想要的弹出窗口，但它替换了原始的 html 源。如何防止这种情况。

请帮忙

谢谢

4

2 回答 2

0

您可以使用此代码，而不是使用 document.write-

HTML-

<div id="container" style="display: none;">
<center>
<div id="productComapreBox" style="border:0px solid #0066FF ; padding:5px; font-size:150%; text-align:center; display:none; width:820px; height:600px;">
<input type="image" src="images/close.png" width="30" height="30" alt="X" onClick="'+eval(Popup.hide("productComapreBox"))+'" style="cursor:pointer; float:right; z-index:20;">
<div style="z-index:20;">
<iframe id="frame" width="800px" height="600px" frameborder="0" scrolling="auto" marginheight="0" marginwidth="0" style="background-color:#FFFFFF;></iframe>
</div>
</div>
</center>
</div>

Javascript-

function unhide(){
var fullurl = "<?php echo $domainName; ?>productComaprePop.php?productComapreIds='" + productId + "'";
document.getElementById('frame').scr=fullurl;
document.getElementById('container').style.display="block";
}

因此，您只需调用即可显示此内容，unhide()而不会干扰其余代码。

于 2013-06-27T11:36:17.730 回答
0

您必须添加新元素，而不是覆盖您当前拥有的元素。

例如。

var location = document.getElementById('#somElement');
var fragment = document.createDocumentFragment();
var div = document.createElement('DIV');
var secondDiv = document.createElement('DIV');

div.appendChild(secondDiv);
fragment.appendChild(div);
location.appendChild(fragment);
于 2013-06-27T11:45:02.513 回答