hi,欢迎访问本站!
当前位置: 首页Web前端正文

js加载外部js与css文件的方法

墨初 Web前端 325阅读

在前端web页面中有时候需要按照一些特殊的要求进行css样式文件与js文件的动态加载,而这些动态的加载就需要利用js脚本来实现。下面就由73so博客来详细的说说。

js动态加载css样式文件

/**
 * # 动态加载css文件
 * @param url CSS文件的路径
 * @host https://www.73so.com
 */
function dynamicLoadCss(url) 
{
var head = document.getElementsByTagName('head')[0];
var link = document.createElement('link');
link.type='text/css';
link.rel = 'stylesheet';
link.href = url;
head.appendChild(link);
}
// 调用函数
dynamicLoadCss("https://www.xxxxx.com/style.css");

js动态加载js文件

/**
 * # 动态加载js文件
 * @param url js文件的路径
 * @host https://www.73so.com
 */
function dynamicLoadJs(url) {
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type='text/jajvascript';
script.href = url;
head.appendChild(script);
}
//自动调用函数;
dynamicLoadJs("https://www.xxxx.com/s.js");
声明:无特别说明,转载请标明本文来源!
相关推荐