jq加载完成后执行(浅析前端中用js/jq动态加载js、css文件)

在前端开发中,通常css文件都是写在head区,js文件都是写在</body>之前,这样可以提高网页加载的效率,优先加载dom元素,给用户较好的体验,但是有时候有的时候js/css不是一开始就必须加载的,这种时候就可以选择使用js或者jq对js/css文件进行动态的加载,方式也比较简单,下面先来说下js加载css/js文件。

JS 方式加载 CSS、JS 文件:

//加载 css 文件

 

//加载 js 文件

 

使用上面这种js加载文件的方式很方便,但是也没那么稳定,有可能会在加载完成js文件之后,有一些内部的方法丢失,从而找不到方法而报错,这是因为在加载文件的时候如果网络不稳定,会造成部分代码的丢失,所以该方法不建议使用。下面简单说下jq加载的方式

JQuery 加载 CSS 文件:

 

Jquery 加载 JS 文件,有两种方式:

上面是jq加载文件的两种方式,都是可行的,并且加载完成之后再执行方法,相比基础的js加载的方式,稳定了许多。如果需要一次加载多个文件,操作也比较简单,这里不得不佩服jq开发者的强大,为我们带来这么方便的js库。一次加载多个文件使用jq的方法如下

 

如果需要多次调用多个文件,也可以将方法独立开来

//定义方法

 

//调用方法

 

使用js/jq动态调用文件的方式就说这么多啦,如果有更好的欢迎补充~

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 lqy2005888@qq.com 举报,一经查实,本站将立刻删除。