javascript 原生动态加载js,css文件,并支持回调,为什么我支持使用这种原生的方式,虽然jquery有getscript方式,但是有问题的,他是拉远程代码在主页执行,会导致script里面操作路径的代码出现问题。
1.javascript 动态加载js,css文件代码
function loadScript(src, callback) { 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 () { callback(); }, false); } else if (script.attachEvent) { script.attachEvent('onreadystatechange', function () { var target = window.event.srcElement; if (target.readyState == 'loaded') { callback(); } }); } head.appendChild(script); }
2.使用案例
loadScript('../plugin/ckeditor/ckeditor.js',function(){ //callback });