javascript实现动态导入js与css等静态资源文件的方法

前端之家收集整理的这篇文章主要介绍了javascript实现动态导入js与css等静态资源文件的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了javascript实现动态导入js与css等静态资源文件方法分享给大家供大家参考。具体实现方法如下:

0){ return; } } //加载资源文件 var sType = res.substring(res.lastIndexOf('.') + 1); // 支持js/css if(sType && ('js' == sType || 'css' == sType)){ var isScript = (sType == 'js'); var tag = isScript ? 'script' : 'link'; var head = document.getElementsByTagName('head')[0]; // 创建节点 var linkScript = document.createElement(tag); linkScript.type = isScript ? 'text/javascript' : 'text/css'; linkScript.charset = 'UTF-8'; if(!isScript){ linkScript.rel = 'stylesheet'; } isScript ? linkScript.src = res : linkScript.href = res; if(callback && 'function' == typeof callback){ if (linkScript.addEventListener){ linkScript.addEventListener('load',function(){ callback.call(); },false); } else if (linkScript.attachEvent) { linkScript.attachEvent('onreadystatechange',function(){ var target = window.event.srcElement; if (target.readyState == 'complete') { callback.call(); } }); } } head.appendChild(linkScript); } } }; }();

希望本文所述对大家的javascript程序设计有所帮助。

原文链接:https://www.f2er.com/js/53289.html

猜你在找的JavaScript相关文章