js中动态注入的脚本,如何设置异步

最近在研究sdk本地缓存,但是遇到一个问题,页面中需要引入a.jsb.jsc.js,b/c依赖于a,但是通过脚本,遍历map时,请求a b c三个脚本,控制台一直报错

resourceList: [{
      id: 'js01',
      url: '../js/lib/jquery.min.js',
      type: 'javascript'
    }, {
      id: 'js02',
      url: '../js/lib/swiper2/idangerous.swiper.min.js',
      isDefer:true,
      type: 'javascript'
    }, {
      id: 'js03',
      url: '../js/lib/jquery.easing.min.js',
      isDefer:true,
      type: 'javascript'
    },
    {
      id: 'js04',
      url: '../js/index.js',
      isDefer:true,
      type: 'javascript'
    },
    {
      id: 'css01',
      url: '../js/lib/swiper2/idangerous.swiper.css',
      type: 'css'
    }, {
      id: 'css02',
      url: '../css/common.css',
      type: 'css'
    },
    {
      id: 'css03',
      url: '../css/index.css',
      type: 'css'
    }
  ],

clipboard.png

clipboard.png

阅读 5.2k
3 个回答

最好还是等回调后再加载下一个

使用js 加载器
request.js 或者是sea.js

这个报错是因为动态加载是添加到了head里面,jquery.min.js 的引用在body里,需要依赖的jquery.min.js自然找不到

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题