问答详情
源自:1-7 jQuery中ready与load事件

关于DOMContentLoaded和ready的顺序

DOMContentLoaded是在DOM加载之后及资源加载之前被触发,这不是和ready一样吗?

例子中,DOMContentLoaded函数在ready之前,应该先输出啊

那么为什么$()即ready在DOMContentLoaded前面输出呢?

提问者:Pulsate 2015-10-24 09:56

个回答

  • daydaystudy
    2017-06-13 13:35:22

    这个和jquery的引入顺序有关,如果把jquery在DOMContentLoaded 后引入的话,先执行的是DOMContentLoaded,然后才是jquery,可以试试楼上的例子

  • 冥oo冥
    2016-12-12 16:28:01

    改成这样来看

    <script>

        window.addEventListener("load", function() {

            show('load事件回调')

        }, false);

        document.addEventListener("DOMContentLoaded", function() {

            show('DOMContentLoaded回调')

        }, false);

    </script>

    <script src="http://img.mukewang.com/down/540812440001e40e00000000.js" type="text/javascript"></script>

    <script>

        show('观察脚本加载的顺序')

        show('脚本解析一')

        //测试加载

        $(function(){

            show('脚本解析二')

        })

        show('脚本解析三')

    </script>


  • 安鸿鹏
    2016-10-24 10:27:14

    同问,就没一个好的回答

  • echo_kinchao
    2015-10-26 17:03:33

    先ready 在load