您的位置：首页 > Web前端 > JQuery

js立即执行函数，jqueryReady和Onload执行顺序比较

2017-07-04 15:27 435 查看

http://blog.csdn.net/paul342/article/details/49487583

最近研究了一下这几个函数的执行顺序，有概念可知，立即执行函数是首先执行，但是ready函数和Onload的执行顺序可以根据区别得知


jQuery的ready函数与js的onload的区别：

   1.执行时间

   window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。

   $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。

   2.编写个数不同

   window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个

   $(document).ready()可以同时编写多个，并且都可以得到执行

可知ready会先于onLoad

   注意：对个立即执行函数会按照顺序执行！

     代码如下：



[html]
view plain
copy

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">




    $().ready(
            function() {
            alert("readyFunction");

            });

function onLoadFunction(){
        alert("onLoadFunction");
    }


    (function(){
            alert("立即执行函数2");
        }());



            (function(){
    alert("立即执行函数1");
    })();






</script>
</head>
<body onload="onLoadFunction()">


</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航