zoukankan      html  css  js  c++  java
  • script的按需加载

    Js脚本加载的特点:

    1. 没有设置异步加载的SCRIPT,会阻塞文档解析, 等待JS脚本加载并且执行完之后继续解析文档
    2. 有设置异步加载的SCRIPT, 不会阻塞文档解析(异步的script中不能用document.write, 包括async, defer)
    <script type="text/javascript" scr="aa.js" async="async"></script> 异步脚本必须是没有其他脚本依赖的
    <script type="text/javascript" scr="aa.js" defer="defer"></script>
    defer和async区别:defer在文档解析完成之后才开始执行JS脚本, 而 async只要JS脚本加载完成之后立刻执行

    按需加载的实现就是动态创建script标签:

    var script = document.createElement('script');
        script.type = 'text/javascript';
        script.src = 'xxx.js'; // 开始下载脚本,异步下载
        // 加载完成后,执行脚本
        if(script.readyState) { //IE
          script.onreadystatechange = function() {
            if(script.readyState === 'complate' || script.readyState === 'loaded') {
              //执行代码
            }
          }
        } else { // safari, chrome, firefox, opera
          script.onload = function() {
            //执行代码
          }
        }
        document.head.appendChild(script);
  • 相关阅读:
    程序员式的幽默(灌水)
    你应该知道的
    WPF控件应用[0]
    WPF控件应用[2]
    C#调用Win32 的API函数User32.dll
    C#获取当前行号
    C#导入excel重写
    [转]wpf相关好资源
    使用C#和Excel进行报表开发-生成统计图Chart
    [转]用 delphi 创建一个服务程序
  • 原文地址:https://www.cnblogs.com/ycherry/p/12331754.html
Copyright © 2011-2022 走看看