js错了，不知道那里错了

]<body>
点击处：<a href="#" onClick="Popup()">首页</a>弹出（如果不点击就不显示这一层）：<div id="ce"><div class="popup3"><iframe id="Frame" src="manual.htm" border="0" frameborder="0" height="520" width="470"></iframe></div><a href="#" onClick="Close()"><img src="dorf1.php_files/x.gif" class="popup4" alt="Close" border="1"></a></div> </body></html><script>
function Popup(){c=document.getElementById("ce");if(c!=null){var aF="<div class=\"popup3\"><iframe frameborder=\"0\" id=\"Frame\" src=\"manual.htm\" width=\"470\" height=\"520\" border=\"0\"></iframe></div><a href=\"#\" onClick=\"Close()\"><img src=\"img/un/a/x.gif\" border=\"1\" class=\"popup4\" alt=\"Close\"></a>";c.innerHTML=aF;}};
</script>
我想要实现的效果是点击首页处，弹出一个iframe，下面是我写的代码，可是却实现不了，不知道怎么回事，还要我想要弹出的iframe永远在最顶层。[/code]

解决方案 »

  1.   

    看看是这样的吗？
    <html>
    <head>
    <title>DOM Range Example</title>
    </head>
    <body>
    点击处：<a href="#" onClick="Popup()">首页</a>弹出（如果不点击就不显示这一层）：<div id="ce"><a href="#" onClick="Close()"><img src="dorf1.php_files/x.gif" class="popup4" alt="Close" border="1"></a></div> </body></html><script>
    function Popup(){
    c=document.getElementById("ce");
    if(c!=null){
    var aF="<div class=\"popup3\"><iframe frameborder=\"0\" id=\"Frame\" src=\"manual.htm\" width=\"470\" height=\"520\" border=\"0\"></iframe></div><a href=\"#\" onClick=\"Close()\"><img src=\"img/un/a/x.gif\" border=\"1\" class=\"popup4\" alt=\"Close\"></a>";
    c.innerHTML=aF;
    }
    }
    </script>
      

  2.   

    1。把<div id="ce">加上点儿:
    <div id="ce" style="visibility:hidden">
    2。把script重写:
    <script>
    function Popup(){
    ce.style.visibility='';}
    </script>
      

  3.   

    我在父框架里写的这段代码，可是弹出的iframe不能覆盖在子框架的上面，而是被子框架覆盖，应该怎么办啊，怎样才使得不被子框架覆盖啊