兼容的动态载入JS【原】

2020-11-24 21:53

阅读:642

标签:style   blog   class   code   java   ext   

兼容的动态载入JS

屌丝就是悲剧,五一还得宅家里敲代码专研技术。

说起动态载入JS,搞web的肯定不陌生,著名的YUI库就有强大的模块化的动态载入JS机制。在代码量不断庞大的今天,动态载入JS作用还是很明显的。其实这门技术已经很古老了,但是发现网络上很多资料也同样很古老。诶,没法,自立更生吧,人生总要不断积累的,更何况作为一个程序猿呢。

关于动态JS大家比较关注的无非就两点,兼容性如何?如何控制是同步还是异步?现在针对常见的4种方案来分析。前3种是异步的,最后1种是同步的。

方法1:

分析:异步的,兼容性良好(测试了多版本IE、FF、Chrome),不过你这么写整个HTML文档就被替换成空白的了,document你得想办法改变下。

 

方法2:

分析:异步的、兼容性很差(低版本的IE可以,我的IE10、FF、Chrome都失效了,网上能搜到原因),应该直接放弃这个方案。

 

方法3

分析:、异步的、兼容性良好(测试了多版本IE、FF、Chrome),其他不多说,强烈推荐

 

方法4

分析:使用xmlHttpRequest的动态加载技术,说白了就是ajax,其实就是在上述三种方法的基础上包装上一层ajax而已,同步异步你自己控制,兼容性如何得看你用哪种方法实现了,我给的例子直接使用了jquery库,兼容性非常好,而且你不需要写一堆关于xmlHttpRequest的东西,若你不想用第三方库,那自己百度个手工实现ajax吧。

兼容的动态载入JS【原】,搜素材,soscw.com

兼容的动态载入JS【原】

标签:style   blog   class   code   java   ext   

原文地址:http://blog.csdn.net/weinianjie1/article/details/24886423


评论


亲,登录后才可以留言!