您的位置:首页 > Web前端 > CSS

异步创建js,css,外部内嵌样式

2015-10-10 11:20 435 查看
// 创建js内部外部是一样的,见高程3第279页。
//外部样式表,传入样式表的url
function loadLinkString(url){
var link = document.createElement('link');
var head = document.getElementsByTagName('head')[0];
link.type = 'text/css';
link.rel = 'stylesheet';
link.href = url;
head.appendChild(link);
}

loadLinkString('style1.css');

//内部样式表
function loadStyleString(someStyle){
var style = document.createElement("style");
var head = document.getElementsByTagName("head")[0];
style.type = "text/css";
// 用try catch解决ie兼容性问题
try {
style.appendChild(document.createTextNode(someStyle));
} catch (aasa) {
// ie用此方法
style.styleSheet.cssText = someStyle;
}
head.appendChild(style);
}
loadStyleString(' body {color: blue;}');
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: