作用描述:
在H5页面直接加载插件,有时可能在js使用到时没有记载完成,如果不进行二次加载及判断,程序可能就此卡壳,无法继续运行。通过jquery动态多次判断加载,保证插件的完整加载及使用。
解决方案:
<script type="text/javascript">
loadScript("//cdn.jsdelivr.net/npm/xgplayer@2.9.6/browser/index.js", function(){})
/**
* 动态加载js插件
* @param {[type]} url [description]
* @param {Function} callback [description]
* @return {[type]} [description]
*/
function loadScript(url, callback) {
var script = document.createElement("script");
script.type = "text/javascript";
if (typeof(callback) != "undefined") {
if (script.readyState) {
script.onreadystatechange = function() {
if (script.readyState == "loaded" || script.readyState == "complete") {
script.onreadystatechange = null;
callback();
}
};
} else {
script.onload = function() {
callback();
};
}
};
script.src = url;
document.body.appendChild(script);
}
</script>