我正在尝试使用JavaScript动态加载CSS文件,但不能使用其他JavaScript库(例如jQuery)。
CSS文件可以加载,但似乎无法为其获取回调。以下是我正在使用的代码:
var callbackFunc = function(){
console.log('file loaded');
};
var head = document.getElementsByTagName( "head" )[0];
var fileref=document.createElement("link");
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", url);
fileref.onload = callbackFunc;
head.insertBefore( fileref, head.firstChild );
使用以下代码添加脚本标签以加载js文件,可以正常工作并触发回调函数:
var callbackFunc = function(){
console.log('file loaded');
};
var script = document.createElement("script");
script.setAttribute("src",url);
script.setAttribute("type","text/javascript");
script.onload = callbackFunc ;
head.insertBefore( script, head.firstChild );
我这里做错了什么吗?如果有其他方法可以帮助我实现这个目标,将不胜感激。