码迷,mamicode.com
首页 > Web开发 > 详细

动态创建js脚本和 css样式

时间:2019-03-12 15:25:30      阅读:429      评论:0      收藏:0      [点我收藏+]

标签:css样式   外部   name   nod   tee   添加   .text   ext   创建   

//1、动态添加外部js文件
function loadScript(url){
    var script = document.createElement("script");
    script.type = "text/javacsript";
    script.src = url;
    document.body.appendChild(script);
}

//2、动态添加js代码
function loadScriptString(code){
    var script = document.createElement("script");
    script.type = "text/javascript";
    try{
        script.appendChild(document.createTextNode(code));
    }catch (e) {
        script.text = code;
    }
    document.body.appendChild(script);
}


//3、动态添加外部css文件
function loadStyles(url){
    var link = document.createElement("link");
    link.type = "text/css";
    link.rel = "stylesheet";
    link.href = url;
    var head = document.getElementsByName("head")[0];

    head.appendChild(link);
}

//4、动态添加css代码
function loadStyleString(css) {
    var style = document.createElement("style");
    style.type = "text/css";
    try{
        style.appendChild(document.createTextNode(css));

    }catch (e) {
        style.styleSheet.cssText = css;
    }
    var head = document.getElementsByTagName("head")[0];
    head.appendChild(style);
}

 

动态创建js脚本和 css样式

标签:css样式   外部   name   nod   tee   添加   .text   ext   创建   

原文地址:https://www.cnblogs.com/zhanglw456/p/10516883.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!