javascript动态加载脚本和样式

最新推荐文章于 2019-09-09 15:14:20 发布

eling-

最新推荐文章于 2019-09-09 15:14:20 发布

阅读量408

点赞数 1

分类专栏： javascript html+css 文章标签： javascript 脚本动态加载

本文链接：https://blog.csdn.net/second_boy/article/details/52069504

版权

javascript 同时被 2 个专栏收录

40 篇文章 0 订阅

订阅专栏

html+css

13 篇文章 0 订阅

订阅专栏

javascript如何动态加载脚本和样式

1、动态加载脚本

var loadJs = true;					// 控制脚本和样式的开关-- 动态加载css样式方式一样

if(loadJs){							// 条件成立
	var creatJs = document.createElement("script");			// 创建script标签
	var html = document.getElementsByTagName("html")[0];	// 找到需要添加的位置节点
	creatJs.type = "text/javascript";
	creatJs.src = "js.js";									// 引入JS 文件
	html.appendChild(creatJs);								// 添加到页面
}

2、动态执行javascript代码

if(loadJs){
	var creatJs = document.createElement("script");
	var html = document.getElementsByTagName("html")[0];
	creatJs.type = "text/javascript";
	// creatJs.appendChild(document.createTextNode("alert('Yang')"));			// IE9以下 不支持
	creatJs.text = "alert('Eling')";											// 兼容各大浏览器
	html.appendChild(creatJs);
}

PS：动态加载样式方式一样，只是需要创建不同的标签