
{
#Jquery代码
$.getScript("./Scritpname.js",function(){ //加载js文件,成功后执行回调函数
console.log("js文件加载成功!")
})
#纯Js代码
var jsObj=document.createElement("script")
jsObj.type="text/javascript"
jsObj.src="jsFileName.js"
document.getElementsByTagName('head')[0].appendChild(jsObj) //在head节点中追加script配置
jsObj.onload=function(){ #加载之后执行onload方法
console.log("js文件加载成功!")
}
}
在看到 polyfill.io 后里面有个动态插入polyfill的关键点,感觉挺巧妙的,以后遇到这种类似需求也可以照着去实现
实现原理其实很简单,只需要在加载的脚本最后面添加执行函数就可以,
例如上面的脚本加载结束之后的例子:
重点在最后一句 typeof main==='function' &&main()
此种方法也可以加载服务器上的静态资源数据,
将服务器上的数据使用 *.js ,然后里面就放一个执行函数,当然此时也可以携带参数数据,当用script标签动态加载后,这个执行函数就会执行.实现了动态加载数据.
data.js数据为:
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)