现在的位置: 首页 > 综合 > 正文

window.onload VS $(document).ready()

2011年06月08日 ⁄ 综合 ⁄ 共 682字 ⁄ 字号 评论关闭
 <script src="scripts/jquery-1.3.1.js"></script>
    <script type="text/javascript">
//        $(document).ready(function () {
//            alert("Hello, world!");
        //        });
        window.onload = function () {
            alert("Hello, world!");
        }
    </script>

 

Window.onload:

必须等待网页中所有内容加载完毕才执行;

不能同时连编多个函数,以下代码:

window.onload = function () {
            alert("Hello, world 0!");
        };

window.onload = function () {
            alert("Hello, world 1!");
        }

只执行   alert("Hello, world 1!");

$(document).ready():

DOM结构绘制完毕就执行;

可以同时编写多个,

  $(document).ready(function () {
            alert("Hello, world!");
                });
        $(document).ready(function () {
            alert("Hello, world! 3");
        });

执行alert("Hello, world!"); 后再执行   alert("Hello, world! 3");
可以简写成:

$(funtion(){

}

 

抱歉!评论已关闭.