js 异步加载和json格式

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/fanfanzk1314/article/details/79422457

1：json解析

 <!--json-->
    var json = {
        name: "json",
        age: 123
    }
    var str = JSON.stringify(json);
    //"{"name":"json","age":123}"
    var parse = JSON.parse(str);
    // {name: "json", age: 123}

2：js异步加载

function test() {
    console.log("dddd");

}

var tools = {
    test : function () {
    console.log("dddd");
    }
}

    /*重排（reflow）：dom节点的删除，添加 以及dom节点宽高变化位置变化 */

    /*js中异步加载：又称非阻塞加载，浏览器下载js的同时，会继续进行后续页面的处理
     *
     * js中同步加载：也叫阻塞加载，会阻止浏览器的后续处理，停止后续的解析，只有当前加载完成之后，才能进行下一步操作
     * */

    /*异步加载defer，只有IE浏览器才有,只有dom解析完成才能执行，也可以写在代码里面*/
    //<script type="text/javascript" src="/js/document.js" defer>
    <!--async异步加载，下载完就执行，不能写在script标签里面-->
    /*<script type="text/javascript" src="/js/document.js" async="async">*/

    function loadScript(url, callback) {
        var script = document.createElement('script');
        script.type = "text/javascript";

        if (script.readyState) {
            /*IE*/
            script.onreadystatechange = function () {
                if (script.readyState == "complete" || script.readyState == "loaded") {
                    callback();
                    //tools[callback]();
                }

            }
        } else {
            script.onload = function () {
                callback();
                // //tools[callback]();
            }

        }

        script.src = url;
        document.head.appendChild(script);
    }

    loadScript('dome.js',function () {
     test();

     })
    /*
     loadScript('dome.js',test)
     */