js执行顺序的有关问题

2013-07-01

js执行顺序的问题情况一headtitle登录失败/title/headbodycenterimg srcimages/loading.gi

js执行顺序的问题
情况一
<head>
    <title>登录失败</title>

</head>
<body>
    <center>
        <img src="images/loading.gif" />
        <h1 style="color: RosyBrown">
            修改失败了。。。。<span id="faileInfor"></span>秒后跳转回修改界面</h1>
        <img src="images/sorry.jpg" />
    </center>
</body>
<script type="text/javascript">

        var i = 5;
        var myspan = document.getElementById("faileInfor");
        function chang() {
            myspan.innerText = i;
            if (--i == 0) {
                window.clearInterval(mytime);
                window.location.href = "Modify.aspx?";
            }
        }

        // 启用一个定时器
        var mytime = window.setInterval("chang()", 1000);
    </script>
</html>
情况二
<head>
    <title>登录失败</title>
    <script type="text/javascript">

        var i = 5;
        var myspan = document.getElementById("faileInfor");
        function chang() {
            myspan.innerText = i;
            if (--i == 0) {
                window.clearInterval(mytime);
                window.location.href = "Modify.aspx?";
            }
        }

        // 启用一个定时器
        var mytime = window.setInterval("chang()", 1000);
    </script>
</head>
<body>
    <center>
        <img src="images/loading.gif" />
        <h1 style="color: RosyBrown">
            修改失败了。。。。<span id="faileInfor"></span>秒后跳转回修改界面</h1>
        <img src="images/sorry.jpg" />
    </center>
</body>

</html>

情况一实现了功能

经测试JS的执行顺序是先执行<head>标签中的JS 再执行<body>后的JS
感觉情况二的定时器没有工作
不理解
[解决办法]
建议用jquery里面的定时方式来做！
[解决办法]
window.onload=function(){
代码放到这里
}

然后你放到哪里都可以执行了
你可以百度一下window.onload，好多解释的
[解决办法]
如果没有强制要求的话根据页面的加载顺序执行，也可以强制要求在加载页面的时候就执行
[解决办法]
情况2 执行js时，faileInfor元素还未加载。在window.onload=function(){这里写代码}
[解决办法]
http://www.jb51.net/article/29038.htm

热点排行

asp.net

js执行顺序的有关问题