web的执行顺序

<script>
function fun(){}
</script>
<body onload="fun()">
<font color=red>abc</font>
</body>这段代码是先执行fun再去加载abc这些字符的吗？

解决方案 »

  1.   

    这段代码提示缺少对象，在showMousePoint()里面的mousePoint.innerHTML那行
    是event的问题，但是我不明白为什么<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script type="text/javascript">
    var n = 0;
    function showMousePoint(){
      var mousePoint = document.getElementById("point");
      mousePoint.innerHTML = event.clientX+","+event.clientY;
    } 
    function moving(){
      setInterval("showMousePoint()",30);
    }
    </script>
    </head><body onload="moving()">
    <div style="border:groove; border-color:#FF0000 borderWidth:5px; background:#0099FF; width:100px"">
    <marquee direction="left" behavior="alternate">
    <font id="point" style="color:#FFFF00; font-size:20px; font-family:'楷体'">Freedom</font>
    </marquee>
    </div>
    </body>
    </html>
      

  2.   


    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script type="text/javascript">
    var n = 0;
    function showMousePoint(event){
      var mousePoint = document.getElementById("point");
      mousePoint.innerHTML = event.clientX+","+event.clientY;
    } 
    function moving(event){
      setInterval(showMousePoint(event),30);
    }
    </script>
    </head><body onload="moving(event)">
    <div style="border:groove; border-color:#FF0000 borderWidth:5px; background:#0099FF; width:100px"">
    <marquee direction="left" behavior="alternate">
    <font id="point" style="color:#FFFF00; font-size:20px; font-family:'楷体'">Freedom</font>
    </marquee>
    </div>
    </body>
    </html>
      

  3.   

    font不能加ID属性吧，建议你在外面套一层DIV或者span
      

  4.   

    showMousePoint这个函数没有事件对象event, 访问就出错了可以用onmousemove来触发
      

  5.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script type="text/javascript">
    var n = 0;
    function showMousePoint(){
      var mousePoint = document.getElementById("point");
      mousePoint.innerHTML = event.clientX+","+event.clientY;
    } 
    function moving(){
      document.onmousemove = showMousePoint;
    }
    </script>
    </head><body onload="moving()">
    <div style="border:groove; border-color:#FF0000 borderWidth:5px; background:#0099FF; width:100px"">
    <marquee direction="left" behavior="alternate">
    <font id="point" style="color:#FFFF00; font-size:20px; font-family:'楷体'">Freedom</font>
    </marquee>
    </div>
    </body>
    </html>
      

  6.   

    别想的太复杂
    按从上到下的顺序执行页面小的话 怎么执行都没有问题
    如果页面太大的话 js放到上面就会报错!一般有两种解决方案
    1、把js放到最后
    2、写js方法，让页面加载完再执行
      

  7.   


    因为如果你的页面dom没有加载的时候，js是找不到dom的。抛开其他加载只说页面中的dom元素加载，加载顺序是按文档从上到下的顺序，也就是说你的如果你的js调用了，写在js之后的dom元素的话，js是找不到那个元素，所以就报错了。
    window.onload()函数保证页面dom元素都加在完毕之后，才调用js函数，所以你的问题可以这样解决，把你的js函数写在window.onload()中就ok.p.s.  Jquery中$(document).ready(function(){
      // 在这里写你的代码...
    });，对于这方面的处理是相当不错的。
      

  8.   

    event.clientX+","+event.clientY  报的是event未定义。