已经有一个页面,页面上有图象,要在图象上画一个矩形,使用javascript在网页上画出矩形后发现原来页面不见了,出现一个新的页面,只有一个新画的矩形,如何在原有的页面上画出矩形呢?
谢谢了!!

<SCRIPT language="javascript">
var canmove=false;
var leftX=0,topY=0,newX=0,newY=0;
var color1="#ff0000";

function moveAble()
{
if(event.srcElement.id=="moveArea"
{
canmove=true;

leftX=(event.clientX);

topY=(event.clientY);


var string2=" leftX: "+leftX+" topY: "+topY;

}

}

function moveDisable()
{
canmove=false;
drawRect(leftX,topY,newX,newY,color1,1,0);
}

function move()
{
if(canmove)
{
if(event.srcElement.id=="moveArea"
{

newX = (event.clientX);
newY = (event.clientY);

var string1="newX:"+newX+"newY:"+newY;

}
else
{
leftX=0;
topY=0;
newX = 0;
newY = 0;
}
event.returnvalue = false;
}
}



function drawDot(x,y,color,size)
{
var string3="<table border='0' cellspacing=0 cellpadding=0><tr>";
string3+="<td style='position: absolute; left: "+(x)+"; top: "+(y)+";background-color: "+color+"' width="+size+" height="+size+"></td></tr></table>";
document.write(string3);
}

function drawLine(x1,y1,x2,y2,color,size,style)
{
var i;
var r=Math.floor(Math.sqrt((x2-x1)*(x2-x1)+(y2-y1)*(y2-y1)));
var theta=Math.atan((x2-x1)/(y2-y1));
if(((y2-y1)<0 && (x2-x1)>0)||((y2-y1)<0 && (x2-x1)<0))
theta=Math.PI+theta;
var dx=Math.sin(theta);//alert(dx)?
var dy=Math.cos(theta);
for(i=0;i<r;i++)
{
switch(style)
{
case 0:
drawDot(x1+i*dx,y1+i*dy,color,size);
break;
case 1:
i+=size*2;
drawDot(x1+i*dx,y1+i*dy,color,size);
break;
case 2:
if(Math.floor(i/4/size)%2==0)
{
drawDot(x1+i*dx,y1+i*dy,color,size);
}
else
{
i+=size*2;
drawDot(x1+i*dx,y1+i*dy,color,size);
}
break;
default:
drawDot(x1+i*dx,y1+i*dy,color,size);
break;
}
}
}

function drawRect(x1,y1,x2,y2,color,size,style)
{
drawLine(x1,y1,x2,y1,color,size,style);
drawLine(x1,y2,x2,y2,color,size,style);
drawLine(x1,y1,x1,y2,color,size,style);
drawLine(x2,y1,x2,y2,color,size,style);
}
</SCRIPT>

使用javascript在网页上画出矩形后发现原来页面不见了,出现一个新的页面,只有一个新画的矩形,如何在原有的页面上画出矩形呢?
谢谢了!!

我的思想是:在一个图片上,当点击鼠标时,可以画出一个矩形,这个矩形与原有的图片一同显示在页面上,这样可以在原有图片上显示鼠标画矩形的位置,但是我在画矩形后发现页面更新到另一个页面,此页面只有一个矩形,而原有的页面不见了,如何将矩形同原有页面一同显示在一个页面上呢???大侠帮帮忙啊!!!!

能否再详细点,还是不太会,以前没接触过此类问题!

应该用div浮动层吧
以前我看到过老外用javascript绘图的函数库，功能非常丰富，我没研究过，可以网上查找这资料。不过函数库肯定很复杂的，参考一下别人做法可能比自己想的要好一些。

先准备一个容器（obj）
然后obj.innerHTML = string3
而不是document.write(string3);

<div id=obj></div> <input value="click first" type=button onclick="obj.innerHTML='<font color=red>TEXT</font>'"> <input value="click second" type=button onclick="document.write('<font color=red>这个是document.write</font>')">
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

obj.innerHTML += string3