常见的在线客服系统中,或者是统计代码中,粘贴一段js代码,就能引入某个插件的效果。这个是怎么实现的呢?
十多年的麻山网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。营销型网站建设的优势是能够根据用户设备显示端的尺寸不同,自动调整麻山建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联公司从事“麻山网站设计”,“麻山网站推广”以来,每个客户项目都认真落实执行。
原理非常的简单:
对于不同的加载文件类型创建不同的节点,然后添加各自的属性,最后扔到head 标签里面。
经测试,本方法兼容各浏览器,安全、无毒、环保,是 web 开发人员工作常备代码。
//动态加载css function dynamicLoadCss(url){ var head = document.getElementsByTagName('head')[0]; var link = document.createElement('link'); link.type='text/css'; link.rel= 'stylesheet'; link.href= url; head.appendChild(link); } //动态加载js文件 function dynamicLoadJs(url, callback){ var head = document.getElementsByTagName('head')[0]; var script = document.createElement('script'); script.type= 'text/javascript'; script.src= url; if(typeof(callback)=='function'){ script.onload= script.onreadystatechange = function () { if (!this.readyState || this.readyState === "loaded" || this.readyState === "complete"){ callback(); script.onload= script.onreadystatechange = null; } }; } head.appendChild(script); }