<head id="Head1" runat="server"> 
<script type="text/javascript" language="javascript">  
function main(){   
    
           drawLine(0,0,100,100);
   
    }
function drawDot(x,y) //画点函数 
  {  
  document.write("<div style='height:1px;position:absolute;left:"+x+"px;top:"+y+"px;width:1px;background:#da70d6;overflow:hidden'></div>")  ;
   }  
    function drawLine(x1,y1,x2,y2)//画线
    {
       var i;
        var r=Math.floor(Math.sqrt((x2-x1)*(x2-x1)+(y2-y1)*(y2-y1)));
       var theta=Math.atan((y2-y1)/(x2-x1));
       if(((y2-y1)<0&&(x2-x1)>=0)||((y2-y1)>0&&(x2-x1)<0))
        theta=Math.PI+theta;
        var dx=Math.cos(theta);
      var dy=Math.sin(theta);
      {
       if(((y2-y1)>=0&&(x2-x1)>0)||((y2-y1)>0&&(x2-x1)<=0))
       {
        for(i=0;i<r;i+=2)
        drawDot(x1+i*dx,y1+i*dy);
        }
     else 
      for(i=0;i<r;i+=2)
       drawDot(x1-i*dx,y1-i*dy);
    }
}
</script>
</head>
<body onload=" main()">  
  
</body>
这条线为什么显示不出来?

解决方案 »

  1.   

    <script>   
    function main(){     drawLine(0,0,100,100);
        
      }
    function drawDot(x,y) //画点函数  
      { 
    var div = document.createElement('div')
    div.style.cssText="height:1px;position:absolute;left:"+x+"px;top:"+y+"px;width:1px;background:#da70d6;overflow:hidden"
    document.body.appendChild(div)
      }   
      function drawLine(x1,y1,x2,y2)//画线
      {
      var i;
      var r=Math.floor(Math.sqrt((x2-x1)*(x2-x1)+(y2-y1)*(y2-y1)));
      var theta=Math.atan((y2-y1)/(x2-x1));
      if(((y2-y1)<0&&(x2-x1)>=0)||((y2-y1)>0&&(x2-x1)<0))
      theta=Math.PI+theta;
      var dx=Math.cos(theta);
      var dy=Math.sin(theta);
      {
      if(((y2-y1)>=0&&(x2-x1)>0)||((y2-y1)>0&&(x2-x1)<=0))
      {
      for(i=0;i<r;i+=2)
      drawDot(x1+i*dx,y1+i*dy);
      }
      else  
      for(i=0;i<r;i+=2)
      drawDot(x1-i*dx,y1-i*dy);
      }
    }
    </script>
    </head>
    <body onload="main()">   
       
    </body>
      

  2.   

     funcrion Draw()
    {if(i<num/2)
                     {
                        x=left-((2*i+1)/2)*aditonw-i*w;
                        y=top+h+adtionh;
                        createDiv1(x,y,name);
                   var  LineX=x+w/2;
                      var  LineY=y;
                      var  ParentX=left+w;
                      var ParentY=top+h;
                     drawLine( LineX, LineY,ParentX,ParentY);  }为什么画不出线                              }
      

  3.   

    onload 之后 有document.write  重写了页面。