使用js动态加载
程序员文章站
2022-05-28 21:28:17
function loadscript(url, callback) {
var script = document.createelement("script&quo...
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);
}
运行这个函数。例如想动态引入jquery,可以这样
loadscript("https://cdn.bootcss.com/jquery/3.2.1/jquery.js", function() {
//加载,并执行回调函数
alert('动态引入jquery成功')
});
在一个没有使用jquery的页面上,运行以上代码以后,就可以在该页面的调试窗口使用jquery了!
推荐阅读
-
使用JavaScript实现node.js中的path.join方法
-
利用JS动态生成隔行换色HTML表格
-
Vue.js中使用iView日期选择器并设置开始时间结束时间校验功能
-
js+canvas实现动态吃豆人效果
-
js+canvas实现动态吃豆人效果
-
vue.js父子组件通信动态绑定的实例
-
Three.js使用THREE.TextGeometry创建三维文本中文乱码的问题如何解决?
-
Three.js使用THREE.ParametricGeometry生成平面图形、波浪图形、和克莱因瓶
-
使用three.js开发全景漫游视角问题全景漫游视角
-
jquery插件lazyload.js延迟加载图片的使用方法