javascript学习

<script> var xorg,yorg; var xo,yo; var bili=50;//方法比例 var blue="blue"; var red="red"; with(document) { //设置左边原点的位置 setOrg(150,150); //绘制左边轴 drawOrg(); //绘制所选图形 showDraw(parseInt(dialogArguments)); } //根据用户指定坐标画点 function drawPoint(x,y,color,width) { var xp=xToSystem(x); var yp=yToSystem(y); var str="<table border='0' cellspacing=0 cellpadding=0><tr><td style='position:absolute;width:"+width+" px; height:"+width+" px; "; str+="left:"+xp+"px;top:"+yp+"px; background:"+color+"'></td></tr></table>"; document.write(str); } // 根据指定起始位置和终止位置画线 function drawLine(x1,y1,x2,y2,color,width) { if(x1!=x2) { for(var i=x1;i<=x2;i++) { var a=(y2-y1)*(i-x1)/(x2-x1); var j=y1+a; drawPoint(i,j,color,width); } } else { for(var i=y1;i<=y2;i++) { drawPoint(x1,i,color,width); } } } //根据指定的参数设置坐标原点的位置 function setOrg(x,y) { xorg=x; yorg=y; } //将自定义横坐标值转化为系统的横坐标值 function xToSystem(x) { return xorg+x; } //将自定义纵坐标值转化为系统的纵坐标值 function yToSystem(y) { return yorg-y; } //绘制x y坐标 function drawOrg() { drawLine(-1*xorg,0,xorg,0,blue,1); drawLine(0,-1*yorg,0,yorg,blue,1); } /* 绘制正弦函数曲线 区间-pi到pi */ function drawSin() { xo=-1*Math.PI; yo=Math.sin(xo); for(var x=-1*Math.PI+0.1;x<=Math.PI;x+=0.1) { var y=Math.sin(x); drawLine(xo*bili,yo*bili,x*bili,y*bili,red,2); xo=x; yo=y; } document.write("y=sin(x)"); } /* 绘制余弦函数曲线 区间-pi到pi */ function drawCos() { xo=-1*Math.PI; yo=Math.cos(xo); for(var x=-1*Math.PI+0.1;x<=Math.PI;x+=0.1) { var y=Math.cos(x); drawLine(xo*bili,yo*bili,x*bili,y*bili,red,2); xo=x; yo=y; } document.write("y=cos(x)"); } /* 绘制自然对数函数曲线 区间0.02到3.5 */ function drawLog() { xo=0.01; yo=Math.log(xo); for(var x=0.02;x<=3.5;x+=0.01) { var y=Math.log(x); drawLine(xo*bili,yo*bili,x*bili,y*bili,red,2); xo=x; yo=y; } document.write("y=Log"+"e".sub()+"(x)"); } /* 绘制指数函数曲线 区间-2.9到1.5 */ function drawExp() { xo=-3; yo=Math.exp(xo); for(var x=-2.9;x<=1.5;x+=0.1) { var y=Math.exp(x); drawLine(xo*bili,yo*bili,x*bili,y*bili,red,2); xo=x; yo=y; } document.write("y=e"+"x".sup()); } //根据选择绘制函数曲线 function showDraw(num) { switch(num) { case 1: drawSin(); break; case 2: drawCos(); break; case 3: drawLog(); break; case 4: drawExp(); break } } </script> </body>