动态脚本

动态脚本：指的是在页面加载时不存在，但在将来的某一时刻通过修改dom动态添加的脚本

function loadScriptString (code) {
      var script=document.createElement("script");
      script.type="text/javascript";
      try{
        script.appendChild(document.createTextNode(code));
      }
      catch(ex){
        script.text=code;
      }
      document.body.appendChild(script);
    }
    loadScriptString("function say(){alert('hi')} say()");

动态脚本的2种创建方式

一：通过src特性包含外部文件

二：通过script元素本身包含代码

动态样式

动态样式：是指在页面刚加载时不存在的样式；动态样式是在页面加载时不存在的样式；动态样式是在页面加载完成后动态添加到页面中的

function loadStyleString(css) {
  var style = document.createElement("style");
  try {
    style.appendChild(document.createTextNode(css));
  } catch(ex) {
    style.styleSheet.cssText = css; //ie
  }
  var head = document.getElementsByTagName("head")[0];
  head.appendChild(style);
}
loadStyleString("body{background-color:red}");

动态样式的2种创建方式

一：通过link元素包含来自外部的文件

二：style元素用于指定嵌入的样式