zoukankan      html  css  js  c++  java
  • Javascript的性能优化:加载和执行

    function loadScript(url, callback) {
        var script = document.createElement("script")
        script.type = "text/javascript";
        if (script.readyState) { //IE
            script.onreadystatechange = function () {
                if (script.readyState == "loaded" || script.readyState == "complete") {
                    script.onreadystatechange = null;
                    callback();
                }
            };
        } else { //Others
            script.onload = function () {
                callback();
            };
        }
        script.src = url;
        document.getElementsByTagName("head")[0].appendChild(script);
    }
    

    上面的函数封装了标准实现和 IE 实现所需的功能

    loadScript()函数使用方法如下:
    loadScript("script1.js", function(){
        alert("File is loaded!");
    });
    

      您可以在页面中动态加载很多 JavaScript 文件,但要注意,浏览器不保证文件加载的顺序。所有主流浏览器之中,只有 Firefox 和 Opera 保证脚本按照您指定的顺序执行。其他浏览器将按照服务器返回它们的次序下载并运行不同的代码文件。

    动态脚本加载非阻塞 JavaScript 下载中最常用的模式,因为它可以跨浏览器,而且简单易用。

    参考:JavaScript的性能优化:加载和执行

  • 相关阅读:
    DHCP
    NFS
    GlusterFS
    作文学习笔记[1]
    围绕中心进行写作
    阅读学习笔记[1]
    作文学习笔记[2]
    心理描写的方法
    多彩的活动
    阅读理解答题步骤
  • 原文地址:https://www.cnblogs.com/loveamyforever/p/7364755.html
Copyright © 2011-2022 走看看