javascript动态加载脚本和样式

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);
}