首页 » 网站推广 » phpjs加载技巧_浅析前端顶用jsjq动态加载jscss文件

phpjs加载技巧_浅析前端顶用jsjq动态加载jscss文件

访客 2024-12-15 0

扫一扫用手机浏览

文章目录 [+]

文|鲁掌柜

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

phpjs加载技巧_浅析前端顶用jsjq动态加载jscss文件

JS 办法加载 CSS、JS 文件:

phpjs加载技巧_浅析前端顶用jsjq动态加载jscss文件
(图片来自网络侵删)

//加载 css 文件

//加载 js 文件

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

JQuery 加载 CSS 文件:

Jquery 加载 JS 文件,有两种办法:

上面是jq加载文件的两种办法,都是可行的,并且加载完成之后再实行方法,比较根本的js加载的办法,稳定了许多。
如果须要一次加载多个文件,操作也比较大略,这里不得不佩服jq开拓者的强大,为我们带来这么方便的js库。
一次加载多个文件利用jq的方法如下

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

//定义方法

//调用方法

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

标签:

相关文章