首页 > 技术文章 > js动态插入css或者js文件

linyusong 2017-02-16 16:27 原文

<script type="text/javascript">
// 懒人建站 http://www.51xuediannao.com/
function loadJsCss(filename, filetype){
    if (filetype=="js")
    {
      var fileref=document.createElement('script')//创建标签
      fileref.setAttribute("type","text/javascript")//定义属性type的值为text/javascript
      fileref.setAttribute("src", filename)//文件的地址
    }
    else if (filetype=="css")
    { 
      var fileref=document.createElement("link")
      fileref.setAttribute("rel", "stylesheet")
      fileref.setAttribute("type", "text/css") 
      fileref.setAttribute("href", filename)
    }
    if (typeof fileref!="undefined")
    {
      document.getElementsByTagName("head")[0].appendChild(fileref)
    }
} 

loadJsCss("css/base.js", "js") //打开页面时浏览器动态的加载js文件
loadJsCss("test.php", "js") // 打开页面时浏览器动态的加载"javascript.php" ,
loadJsCss("css/base.css", "css") //打开页面时浏览器动态的加载css 文件
</script> 

 

推荐阅读