js动态插入css或者js文件

<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> 

 

posted @ 2017-02-16 16:27  林育松  阅读(1526)  评论(0)    收藏  举报