欢迎来到小居数码网-一家分享数码知识,生活小常识的网站,希望可以帮助到您。

当前位置:生活小常识 > 数码知识 >
优质

前端中用js/jq动态加载js、css文件(jquery动态加载js文件)

数码知识

丁松云优秀作者

原创内容 来源:小居数码网 时间:2024-08-11 15:43:01 阅读() 收藏:21 分享:44

导读:您正在阅读的是关于【数码知识】的问题,本文由科普作家协会,生活小能手,著名生活达人等整理监督编写。本文有385个文字,大小约为2KB,预计阅读时间1分钟。

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

jquery动态加载js文件

JS 方式加载 CSS、JS 文件:

//加载 css 文件

//加载 js 文件

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

JQuery 加载 CSS 文件:

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

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

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

//定义方法

//调用方法

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

上面就是小居数码小编今天给大家介绍的关于(jquery动态加载js文件)的全部内容,希望可以帮助到你,想了解更多关于数码知识的问题,欢迎关注我们,并收藏,转发,分享。

94%的朋友还想知道的:

(581)个朋友认为回复得到帮助。

部分文章信息来源于以及网友投稿,转载请说明出处。

本文标题:前端中用js/jq动态加载js、css文件(jquery动态加载js文件):http://sjzlt.cn/shuma/154670.html

猜你喜欢