JS动态加载JS和CSS文件的方法

BillyWang2016

于 2017-03-10 09:25:56 发布

阅读量564

点赞数

CC 4.0 BY-SA版权

文章标签： css javascript

本文链接：https://blog.youkuaiyun.com/BillyWang2016/article/details/61191475

本文介绍了两种常见的网页资源动态加载方法：使用$.getScript动态加载JavaScript文件及通过创建link元素动态引入CSS样式文件。这两种方法可以增强网页的灵活性，使开发者能够按需加载必要的资源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.动态加载JS文件的方法如下：

$.getScript("js/jquery.js", function() {
		//todo something
				});

使用ajax的简写方法
$.getScript来加载；

2.动态加载CSS文件的方法如下：

function loadStyles(url) {
	    var link = document.createElement("link");
	    link.type = "text/css";
	     link.rel = "stylesheet";
	    link.href = url;
	    document.getElementsByTagName("head")[0].appendChild(link);
     }   
     loadStyles("css/mobiscroll.custom-2.5.0.min.css");