zoukankan      html  css  js  c++  java
  • 动态加载js,css

     1、动态加载js
      方法一:动态加载js文件
    
    
         // 动态加载js脚本文件
         function loadScript(url) {
             var script = document.createElement("script");
             script.type = "text/javascript";
            script.src = url;
            document.body.appendChild(script);
         }
         // 测试
         loadScript("javascript/lib/cookie.js");
    
      方法二:动态加载js脚本
    
    
        // 动态加载js脚本
        function loadScriptString(code) {
             var script = document.createElement("script");
             script.type = "text/javascript";
             try{
                 // firefox、safari、chrome和Opera
                 script.appendChild(document.createTextNode(code));
             }catch(ex) {
                 // IE早期的浏览器 ,需要使用script的text属性来指定javascript代码。
                 script.text = code;
             }
             document.body.appendChild(script);
         }
         // 测试
         var text = "function test(){alert('test');}";
         loadScriptString(text);
         test();
    
    2、动态加载css
      方法一:动态加载css文件
    
    
        // 动态加载css文件
          function loadStyles(url) {
              var link = document.createElement("link");
              link.type = "text/css";
              link.rel = "stylesheet";
              link.href = url;
              document.getElementsByTagName("head")[0].appendChild(link);
          }
          // 测试
         loadStyles("css/secondindex.css");
    
      方法二:动态加载css脚本
    
    
        // 动态加载css脚本
          function loadStyleString(cssText) {
             var style = document.createElement("style");
             style.type = "text/css";
             try{
                  // firefox、safari、chrome和Opera
                  style.appendChild(document.createTextNode(cssText));
              }catch(ex) {
                 // IE早期的浏览器 ,需要使用style元素的stylesheet属性的cssText属性
                 style.styleSheet.cssText = cssText;
             }         document.getElementsByTagName("head")[0].appendChild(style);
         }
         // 测试
        var css = "body{color:blue;}";
        loadStyleString(css);
    
  • 相关阅读:
    extern "C"
    getchar、putchar、puts、gets
    C语言中整形数组、字符数组、字符串的区别
    fuser:command not found
    pstree:command not found
    三、spring中高级装配(1)
    二、spring中装配bean
    一、认识spring框架
    计算机系统的硬件组成
    在计算机中简单的hello程序的运行
  • 原文地址:https://www.cnblogs.com/yexiangwang/p/5040309.html
Copyright © 2011-2022 走看看