文档的加载事件

开发工具与关键技术：文档的加载事件
作者：郑名方
撰写时间：2019年6月 16日

文档的加载事件.load()和.ready()这两种的描述是.load():为JavaScript的“load”事件绑定一个处理函数。.ready():当DOW准备就绪时，指定一个函数来执行。
.load()这个方法是 .bind(‘load’, handler) 的快捷方式。当所有子元素已经被完全加载完成时，load事件被发送到这个元素。此事件适用于任何可使用 URL关联的任何元素：images, scripts, frames, iframes, window 对象。

   <p>Hello</p>
    how are
    <p>you?</p>
    <p>Not loaded yet.</p>
    <button>Attach/detach paragraphs</button>
    <script>
        $("p").click(function(){
            $(this).toggleClass("off");
        });
        $("button").click(function(){
            if(p){
                p.appendTo("body");
                p = null;
            }else{
                p = $("p").detach();
            }
        });
        //显示当DOM加载的信息。
        $(document).ready(function () {
            $("p")