为什么不能载入图片

function note(){
var kk = document.getElementById("kk");
var note = document.getElementById("note");
kk.onclick = function(){
note.innerHTML = "<div>这是字这是字这是字!<image src='load.gif'></div>";
}
}<form action="xx.php">
   <input type="submit" id="kk">
</form>
<div id="note"></div>点了submit之后，在note里只有字可以加载进来，图片加载不进来！如果把onclick改成onmouseover就可以把图片加载了。求救啊。

解决方案 »

  1.   

    你这个代码本身就有问题的，
    怎么没看出你是怎么去触发方法note()
    再说你点击submit进直接跳到xx.php页了，难道你的xx.php就是当前页
      

  2.   

    补充：
    function addLoadEvent(func) {
      var oldonload = window.onload;
      if (typeof window.onload != 'function') {
        window.onload = func;
      } else {
        window.onload = function() {
          oldonload();
          func();
        }
      }
    }addLoadEvent(note);
      

  3.   


    <html>
    <head><title>titel</title></head>
    <body>
    <script>
    function note(){
    var kk = document.getElementById("kk");
    var note = document.getElementById("note");
    kk.onclick = function(){
    note.innerHTML = "<div>这是字这是字这是字!<image src='load.gif'></div>";
    return false;
    }
    }function addLoadEvent(func) {
      var oldonload = window.onload;
      if (typeof window.onload != 'function') {
      window.onload = func;
      } else {
      window.onload = function() {
      oldonload();
      func();
      }
      }
    }addLoadEvent(note);
    </script>
    <form action="xx.php">
      <input type="submit" id="kk">
    </form>
    <div id="note"></div>
    </body>
    </html>没有问题
      

  4.   

    3L的应该是对的，补充说明下，正如1L所说，因为你onclick事件会把用户带到目标链接窗口，所以这里加一句return false;可以防止。
      

  5.   

    如上加上 return false 是可以把图片载进来，但不能请求xx.php页面了。但是我的需求的 要请求xx.php页面，由于xx.php载入的时间可能较长，在进入xx.php之前先显示出load图片。
      

  6.   

    <input type="button" id="kk">
    不是单纯的submit时，就不要冒用submit类型，以避免麻烦。一是一，二是二，分清楚。XX.PHP即使加载慢，按你所想像的方法，也不可能。除非你用AJAX才行。可以自己去搜索一下AJAX的方法资料，很多。