Question

请参阅以下代码：1 2 3

1 +

$(document).ready(function() 
             {
                    //Do Some Stuff Here
                    alert("document.ready");
             });

2 +

        //onload = onloadOfDocument;

    //or

        window.onload = onloadOfDocument;

        function onloadOfDocument() 
        {
                //Do Some Stuff Here
            alert("onloadOfDocument");
        }

3 +

        function pageLoad()
        {
                //Do Some Stuff Here
            alert("pageLoadFromJS");
        }

javascript或jquery代码应该在哪个上层代码（哪个更好）？

我的意思是在哪个部分，dom是完全加载的，所以我们没有任何问题来识别其中的元素？

我只知道警报（“document.ready”）;在onload之前被解雇了 - 但是有人告诉我document.ready更好！为什么？

那么pageLoad（）函数呢？（它是一个预先定义的函数，还是只是一个没有意义的函数）？

++感谢这个有用且舒适的A＆amp; amp;区; Q ++

++ STACKOVERFLOW是最好的++

Answer 1

让jQuery完成确定页面准备就绪的所有工作。

Answer 2

1）当DOM准备就绪时，jQuery的.ready处理程序会加载。这意味着它会在像图像一样加载其他东西之前触发。

通常在运行javascript时，您只关心DOM准备好了。

2）在加载整个文档时运行。如果您在页面上没有jQuery并且加载图像不会显着降低您的速度，那就没问题。

3）这只是一个功能声明。它不是在构建中。浏览器不会为您运行它。

使用$(document).ready(f);的全部目的是确保在准备好之前不使用javascript操作DOM。如果你非常不走运，你可以破坏DOM。如果您不那么不走运，那么您的选择器不会按预期工作，因为运行javascript代码时元素不在DOM中。

javascript（jquery） - 代码应该打开 - ＆gt; onload或document.ready vs page Load（）？

2 个答案: