找了一个弹出窗口的代码，如何再做一个函数关闭这个弹出窗口?

Question

<!--弹出DIV窗口 开始-->
<div class="cecmbody" id="cecmpolicy">
   <div class="leftClass">
            
    <a href="#"  onclick="sAlert('<iframe   width=500 height=500 frameborder=0  scrolling=no src=http://www.odlcn.com/kehu2.html> </iframe>');">点击注册</a>
  
   </div>
   <div class="rightClass">
   </div> 
</div>
     <script type="text/javascript" language="javascript">
//Author:Daviv
//Blog:http://blog.163.com/jxdawei
//Date:2006-10-27
//Email:[email protected]
    function sAlert(str){
    var msgw,msgh,bordercolor;
    msgw=400;//提示窗口的宽度
    msgh=100;//提示窗口的高度
    titleheight=25 //提示窗口标题高度
    bordercolor="#336699";//提示窗口的边框颜色
    titlecolor="#99CCFF";//提示窗口的标题颜色
   
    var sWidth,sHeight;
    sWidth=document.body.offsetWidth;
    sHeight=screen.height;
    var bgObj=document.createElement("div");
    bgObj.setAttribute('id','bgDiv');
    bgObj.style.position="absolute";
    bgObj.style.top="0";
    bgObj.style.background="#777";
    bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75";
    bgObj.style.opacity="0.6";
    bgObj.style.left="0";
    bgObj.style.width=sWidth + "px";
    bgObj.style.height=sHeight + "px";
    bgObj.style.zIndex = "10000";
    document.body.appendChild(bgObj);
   
    var msgObj=document.createElement("div")
    msgObj.setAttribute("id","msgDiv");
    msgObj.setAttribute("align","center");
    msgObj.style.background="white";
    msgObj.style.border="1px solid " + bordercolor;
     msgObj.style.position = "absolute";
            msgObj.style.left = "30%";//左边位置
            msgObj.style.top = "30%";//上边位置
            msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";
            msgObj.style.marginLeft = "-225px" ;
            msgObj.style.marginTop = -75+document.documentElement.scrollTop+"px";
            msgObj.style.width = msgw + "px";
            msgObj.style.height =msgh + "px";
            msgObj.style.textAlign = "center";
            msgObj.style.lineHeight ="25px";
            msgObj.style.zIndex = "10001";
   
     var title=document.createElement("h4");
     title.setAttribute("id","msgTitle");
     title.setAttribute("align","right");
     title.style.margin="0";
     title.style.padding="3px";
     title.style.background=bordercolor;
     title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);";
     title.style.opacity="0.75";
     title.style.border="1px solid " + bordercolor;
     title.style.height="18px";
     title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif";
     title.style.color="white";
     title.style.cursor="pointer";
     title.innerHTML="关闭";
     title.onclick=function(){
          document.body.removeChild(bgObj);
                document.getElementById("msgDiv").removeChild(title);
                document.body.removeChild(msgObj);
                }
     document.body.appendChild(msgObj);
     document.getElementById("msgDiv").appendChild(title);
     var txt=document.createElement("p");
     txt.style.margin="1em 0"
     txt.setAttribute("id","msgTxt");
     txt.innerHTML=str;
           document.getElementById("msgDiv").appendChild(txt);
            }
   </script>
   <!--弹出DIV窗口 结束-->

Answer 1

http://blog.csdn.net/chinmo/archive/2008/04/20/2308911.aspx
自己看我的博客里的这个吧
复制去运行就清楚了

Answer 2

用JQuery吧。这个功能可以很完美的解决你的需求。

Answer 3

function closeDiv(){
 document.body.removeChild(document.getElementById("bgDiv")); 
         document.getElementById("msgDiv").removeChild(document.getElementById("msgTitle")); 
document.body.removeChild(document.getElementById("msgDiv"));  }

Answer 4

很明显了，你程序中的    title.onclick=function(){ 
          document.body.removeChild(bgObj); 
                document.getElementById("msgDiv").removeChild(title); 
                document.body.removeChild(msgObj); 
                } 这段代码就是关闭这个弹出窗口的
你要想点“提交”时候关闭，就可以引用这段代码

Answer 5

得到弹出页的对象执行它的close就行