ES6动态加载css、js

javascript 同时被 2 个专栏收录
43 篇文章 0 订阅
3 篇文章 0 订阅
loadScript(src) {
  return new Promise((resolve, reject) => {
     var script = document.createElement('script'),
         head = document.getElementsByTagName('head')[0];
     script.type = 'text/javascript';
     script.charset = 'UTF-8';
     script.src = src;
     if (script.addEventListener) {
       script.addEventListener('load', function () {
         resolve();
       }, false);
     } else if (script.attachEvent) {
       script.attachEvent('onreadystatechange', function () {
         var target = window.event.srcElement;
         if (target.readyState == 'loaded') {
           resolve();
         }
       });
     }
     head.appendChild(script);
   })
 },
 loadCss(href) {
   return new Promise((resolve, reject) => {
     var link = document.createElement('link'),
         head = document.getElementsByTagName('head')[0];
     link.rel = 'stylesheet';
     link.href = href;
     if (link.addEventListener) {
       link.addEventListener('load', function () {
         resolve();
       }, false);
     } else if (link.attachEvent) {
       link.attachEvent('onreadystatechange', function () {
         var target = window.event.srcElement;
         if (target.readyState == 'loaded') {
           resolve();
         }
       });
     }
     head.appendChild(link);
   })
 },
 async initAliplayer(source) {
   await this.loadCss('xxx.css')
   await this.loadScript('xxx.js')      
 },
  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

参与评论
请先登录 后发表评论~
©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页

打赏作者

码农321456

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值