关于JS页面刷新的问题

1.HTML代码如下
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache"> 
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache must-revalidate"> 
<META HTTP-EQUIV="Expires" CONTENT="0">
<title>无标题文档</title>
<script language="JavaScript">
<!--
function showmap(){
var imgmap = document.getElementById("IFrame1");
imgmap.src="./2.htm";
}
-->
</script>
</head><body>
 <input type="button" value="提交" onclick="showmap()" >
 <p>
<IFRAME ID="IFrame1" width="700" height="550"  FRAMEBORDER=0 SCROLLING=NO></IFRAME>
</body>
</html>
2.HTM代码如下
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
<!--
document.location.href="http://10.0.0.110:2033/?Request=GetMap&name=China&Boundary=0,0,600,500&Image=600,500&For=image";
  -->
</script>
</head>
<body>
</body>
</html>
这个2.HTM里面的URL是指向一个地图服务器的请求，他返回一张图片
我想用1里面的“提交”来显示这张图片，可以。但是当我显示完，按1.HTM的“刷新”时，图片还是显示，也就说2.HTM又被载入了，怎么用JS实现我“刷新”1.HTM时不在显示2.HTM啊？还有就是如果我不用2.HTM的话，直接在1.HTM的IFREAM的属性里加上 src="http://10.0.0.110:2033/?Request=GetMap&name=China&Boundary=0,0,600,500&Image=600,500&For=image"的话，当我第一次点击完“提交”，然后在服务器里改变图片时，再次点击“提交”，显示的还是原来那张图，如何修改啊？再一个就是我用DIV代替IFREAM应该怎么实现，说说思路就可以了谢谢