关于JavaScript中动态加载link标签的说明

在编写网页时,样式文件的引入常常需要使用link标签,该标签除了可以在head标签内直接添加外,还可以在网页运行过程中通过JavaScript动态加载:

// 定义样式文件加载完成回调方法
var callback = function () {
    alert("样式文件加载完成");
};
// 定义要加载的样式文件地址
var url = "style.css";
// 创建link标签
var link = document.createElement("link");
// 设置link标签属性
link.rel = "stylesheet";
link.type = "text/css";
link.media = "screen";
link.href = url;
// 将link标签添加到head标签内
document.getElementsByTagName("head")[0].appendChild(link);
// 触发自定义的样式文件加载完成回调方法
if (typeof (callback) == "function") {
    callback.apply(link);
}

发表评论