1.动态加载js文件

我们要把这块链接加入页面

  1. <script src="js/count.js"></script>

具体代码实现如下

  1. function loadJs(url){
  2. var script = document.createElement("script");
  3. script.type="text/javascript";
  4. script.src=url;
  5. document.body.appendChild(script);
  6. }
  7. //调用loadJs
  8. loadJs("js/count.js");//这儿的参数是你的js的地址

2.动态加载js脚本

  1. function loadJscode(code){
  2. var script = document.createElement("script");
  3. script.type = "text/javascript";
  4. try{
  5. script.appendChild(document.createTextNode(code));
  6. }catch(e){
  7. script.text = code;
  8. }
  9. document.body.appendChild(script);
  10. }
  11.     var text = "function test(){alert('test');}";
  12.     loadJscode(text);

3.动态加载css文件

我们要把这块链接加入页面

<link rel="stylesheet" href="css/count.css" />

具体代码实现如下

function loadCss(url){
      var css = document.createElement("link");
      css.type = "text/css";
      css.href = url;
      document.body.appendChild(script);
}
//调用loadCss
loadJs("css/count.css");//这儿的参数是你的css的地址

4.动态加载css脚本

        function loadCsscode(cssCode){
                var style = document.createElement("style");
                style.type = "text/css";
                try{
                    // firefox、safari、chrome和Opera
                    style.appendChild(document.createTextNode(cssCode));//createTextNode创建文本节点
                }catch(e){
                    //老版本的IE浏览器 ,需要使用style元素的stylesheet属性的cssText属性
                    style.styleSheet.cssText = cssCode;
                }
                document.getElementsByTagName("head")[0].appendChild(style);
        }
         var text = "font{color:#000;}";
         loadCsscode(text);