用JS写一个弹出框

Question

主要是控制层，但有一个基本的条件，我控制弹出框的层的时候不会改变外面的架构。function showWindowWithWidth(targetObjectName, width){
if(document.getElementById("divWin")) {
objId("divWin").style.zIndex=999;
objId("divWin").style.display="";
objId("divWin").style.width = width + "px";
} else {
var objWin=document.createElement("div");
objWin.className = "popout-controls";
objWin.id="divWin";
objWin.style.position="absolute";
objWin.style.left="100px";
objWin.style.top="100px";
objWin.style.width= width + "px";
objWin.style.height="20px";
//objWin.style.background="#FF0";
objWin.style.zIndex=999;
document.body.appendChild(objWin);
} if(document.getElementById("win_bg")) {
objId("win_bg").style.zIndex=998;
objId("win_bg").style.display="";
} else {
var obj_bg=document.createElement("div");
obj_bg.id="win_bg";
obj_bg.className="win_bg";
document.body.appendChild(obj_bg);
}
var str = document.getElementById(targetObjectName).innerHTML;
        document.getElementById(targetObjectName).innerHTML = "";//很无语的解决法案
objId("divWin").innerHTML=str;
}问下谁有更好的办法啊

Answer 1

var old=document.getElementById(targetObjectName);
old.parentNode.removeChild(old); 
你是要删除原来的div或者什么别的元素吧??

Answer 2

哈哈，我做过类似的弹窗，用js弹出一个DIV,DIV里套Iframe,显示居中你将弹出的DIV的POsition设置为absolute，然后放入body..
DIV里面不要放HTML,套个Iframe,把要显示的内容放在一个新的html里面，这样显示的内容
就与当前弹窗的页面无关了，DIV就加一个关闭按钮，显示标题，点击头部可以拖动DIV..
这样就OK了，
如果你要在Iframe里与当前页面交互，可以用js来互相操作啊

Answer 3

第一个csdn回复过1000的帖子
http://topic.csdn.net/u/20100223/17/edb27cb3-24ff-461d-9cff-eb8b8816b6bf.html希望能帮到你。