数码资讯
Javascript实现动态导入静态资源文件的方法,如js和CSS。
本文演示了Javascript如何实现JS和CSS等静态资源文件的动态导入,供大家参考: *动态导入静态资源文件 * / 函数(){() 返回函数(清除,RES,回调){ 如果(res'string ' = typeof RES){ 如果(去掉){ (如果美元($(' # +摆脱),$()。长度>0
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本文演示了Javascript如何实现JS和CSS等静态资源文件的动态导入,供大家参考:
*动态导入静态资源文件
* /
函数(){()
返回函数(清除,RES,回调){
如果(res'string ' = typeof RES){
如果(去掉){
(如果美元($(' # +摆脱),$()。长度>0)){
返回;
}
}
加载资源文件
var类型= res.substring(res.lastindexof(')+ 1);
支持
如果(S('js= =| | { 'css ' = =))
var = isscript(S = 'js);
var标签= isscript'script:'link;
VaR的头= document.getelementsbytagname(很){ 0 };
创建一个节点
无功linkscript = document.createelement(标签);
linkscript.type = isscript'text / / CSS Javascript中':';
linkscript.charset = 'utf-8;
如果(!Isscript) {
linkscript.rel = 'stylesheet;
}
isscript linkscript.src =分辨率:linkscript.href = RES;
如果(callback'function'类型的回调){
如果(linkscript。addEventListener){
Linkscript.addEventListener(载荷、函数(){(){
Callback.call();
},假);
如果(linkscript。attachevent){ }
Linkscript.attachEvent('onreadystatechange,函数(){(){
VaR目标= window.event.srcelement;
如果(target.readystate = =完整的){
Callback.call();
}
});
}
}
head.appendchild(linkscript);
}
}
};
(});
希望本文能对大家的javascript程序设计有所帮助。
*动态导入静态资源文件
* /
函数(){()
返回函数(清除,RES,回调){
如果(res'string ' = typeof RES){
如果(去掉){
(如果美元($(' # +摆脱),$()。长度>0)){
返回;
}
}
加载资源文件
var类型= res.substring(res.lastindexof(')+ 1);
支持
如果(S('js= =| | { 'css ' = =))
var = isscript(S = 'js);
var标签= isscript'script:'link;
VaR的头= document.getelementsbytagname(很){ 0 };
创建一个节点
无功linkscript = document.createelement(标签);
linkscript.type = isscript'text / / CSS Javascript中':';
linkscript.charset = 'utf-8;
如果(!Isscript) {
linkscript.rel = 'stylesheet;
}
isscript linkscript.src =分辨率:linkscript.href = RES;
如果(callback'function'类型的回调){
如果(linkscript。addEventListener){
Linkscript.addEventListener(载荷、函数(){(){
Callback.call();
},假);
如果(linkscript。attachevent){ }
Linkscript.attachEvent('onreadystatechange,函数(){(){
VaR目标= window.event.srcelement;
如果(target.readystate = =完整的){
Callback.call();
}
});
}
}
head.appendchild(linkscript);
}
}
};
(});
希望本文能对大家的javascript程序设计有所帮助。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。