用innerHTML载入<img src="source.gif">时图片的加载问题

Question

贴上代码HTML----------------------------------------------------------------<div id="tv_headline">监控画面<a onclick="changeshow();" href="javascript:void(0);" class="righttop" id="a1">以文本方式浏览</a></div>
<div id="tv"><img border="0" width="600" height="488" src="control/MakeImage.aspx" id="makeimage" usemap="#map" /></div>script---------------------------------------------------------------function changeshow(){
   if(showintext == 0){
       document.getElementById('tv').innerHTML = '<iframe src=about:blank width=600 height=488px frameborder=0 name=showmessageintext></iframe>';
       document.frames['showmessageintext'].location.href='text.html';
       document.getElementById('a1').innerText = '以图象方式浏览';
       showintext=1;
       }
    else{
       document.getElementById('tv').innerHTML = '<img src=control/MakeImage.aspx' width=600 height=488 border=0 id="makeimage" usemap=#Map>';
       document.getElementById('a1').innerText = '以文本方式浏览';
       showintext=0;
        }
}

Answer 1

在处理完后加上document.getElementById('makeimage').src = document.getElementById('makeimage').src;看看这样行不行

Answer 2

js是在本地执行，如果开始没有获得所有的图片消息肯定不可能获得更新。远程用xmlhttp先获取最新信息在更新，这种方式不会让你在最开始下载所有的图片，仅当你需要的时候再重新更新。