js创建一个div层显示在多个框架上问题

首页：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title><style type="text/css">
<!--
html,body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
height:100%;
padding:0px;
}
-->
</style></head>
<frameset rows="31,*" framespacing="0" border="0" frameborder="0">
 <frame src="cs2.html" scrolling="no" name="Head" noresize>
      <frameset  id="ContentSet" rows="80,*">
      <frame src="cs2.html" scrolling="no">
       <frame src="cs3.html" name="main" id="main" scrolling="yes" noresize>
     </frameset>
    
</frameset>
<noframes></noframes><body><!-- <SCRIPT   LANGUAGE=javascript>   
  function   bbb()   
  {
  var   str   =   document.createElement("div");   
  str.id   =   "asdf";   
  str.style.position   =   "absolute";   
  str.style.setAttribute("left","1px");   
  str.style.setAttribute("top","1px");   
  str.style.setAttribute("width",document.body.scrollWidth);   
  str.style.setAttribute("height",document.body.clientHeight);   
  str.style.setAttribute("border","1   solid   #000000");   
  str.style.setAttribute("backgroundColor","#ff0000");
  str.style.setAttribute("z-index","1");   
  str.style.setAttribute("runat","server");  
  document.body.appendChild(str);   
  }   
  bbb()
  </SCRIPT>-->
</body>
</html>cs3.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
    <script>
function f_creatediv(divid){
   var objdiv = top.document.createElement("DIV");
   var objname=divid
   objdiv.id = objname;
   objdiv.style.position='absolute'; 
   objdiv.style.display='block'; 
   objdiv.style.top = 20;
   objdiv.style.left = 0;
   objdiv.style.background = '#FFFF00';
   objdiv.style.visibility = 'visible';
   objdiv.style.width = '300';
   objdiv.style.height = '300';
   //objdiv.style.border = "none";
   //objdiv.style.overflow="auto"; //如果显示数据超出层的高度，则显示滚
   objdiv.innerHTML="内容";
   top.document.body.appendChild(objdiv); }
</script>
</head><body  onload="f_creatediv('over_div2')">
</body>
</html>

解决方案 »

  1.   

    为什么我打开首页的时候那个cs3.html里面创建的那个层不显示出来。
      

  2.   

     objdiv.style.top = 20;
       objdiv.style.left = 0;
    是不这两句出了问题在不同页面上div都处在这个位置而在cs3.html里被遮盖了建议写一个测试代码在cs3.html里获取div的id看看能不能拿到
      

  3.   

    您不能与 <frameset></frameset> 标签一起使用 <body></body> 标签。不过，如果您需要为不支持框架的浏览器添加一个 <noframes> 标签，请务必将此标签放置在 <body></body> 标签中！top.document指的就是首页,所以你任何想在首页创建浮动层的想法都是错误的.
      

  4.   

    修改2行代码
       var objdiv = document.createElement("DIV");
       var objname=divid
       objdiv.id = objname;
       objdiv.style.position='absolute'; 
       objdiv.style.display='block'; 
       objdiv.style.top = 20;
       objdiv.style.left = 0;
       objdiv.style.background = '#FFFF00';
       objdiv.style.visibility = 'visible';
       objdiv.style.width = '300';
       objdiv.style.height = '300';
       //objdiv.style.border = "none";
       //objdiv.style.overflow="auto"; ";
       parent.main.document.body.appendChild(objdiv);
    不知道是不是你要的效果