用JS生成一个层,里面有内容

解决方案 »

  1.   

    <script>   
      var   d=document.createElement("DIV")   
      d.innerText="hello"   
      d.id="d1"   
      document.body.insertBefore(d);   
      d1.style.position="absolute";   
      d1.style.left=100;   
      d1.style.top=200;   
      </script>
      

  2.   

    <script language=javascript defer>
    var obj=document.createElement("div")
    obj.innerHTML="asfdasdasd"
    document.body.appendChild(obj)
    </script>
      

  3.   

    var disabledZone = document.getElementById("div_Tip");
      if (!disabledZone) 
      {
        disabledZone = document.createElement('div');
        disabledZone.setAttribute('id', 'div_Tip');
        //disabledZone.setAttribute('width', '100px'); 
        disabledZone.style.position = "absolute";
        disabledZone.style.zIndex = "1000";
        disabledZone.style.top = "240px";
        disabledZone.style.left = "448px";
        disabledZone.style.width = "150px";
        disabledZone.style.height = "50px"; 
        disabledZone.style.borderTop = "#666699 1px solid";
        disabledZone.style.borderBottom = "#666699 1px solid";    
        disabledZone.style.borderLeft = "#666699 1px solid";
        disabledZone.style.borderRight= "#666699 1px solid";    
        disabledZone.style.paddingTop = "10px";
        disabledZone.style.paddingLeft = "10px";
        disabledZone.style.verticalAlign = "baseline";
        disabledZone.style.textAlign = "left";
        disabledZone.style.backgroundColor = "#efeff9";
        disabledZone.style.color = "#000000";
        disabledZone.style.fontFamily = "Arial,Helvetica,sans-serif";
        //disabledZone.filters.alpha.opacity=50;
        disabledZone.style.display = "none";    
        document.body.appendChild(disabledZone);
      }
      disabledZone.innerHTML=message;
      

  4.   

    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";
                document.body.appendChild(bgObj);