js、css的动态引入

yidengmingmie

于 2016-03-06 12:53:11 发布

阅读量574

点赞数

分类专栏： Web前端文章标签： javascript css 动态引入

本文链接：https://blog.youkuaiyun.com/yidengmingmie/article/details/50812857

版权

Web前端专栏收录该内容

19 篇文章

订阅专栏

    在使用myFocus时只需在设置参数的地方写上我们所需的风格名称即可，并不需要引入对应的js,css文件，结果就能实现轮播效果，这是怎么回事呢？它一定引入了，那它是怎么引入的呢？
    其实这也很简单，我们也能做到。只不过是在js里面动态引入对应文件。这和用js在body里面添加内容是一样的。我们写两个函数：

<script>
function YinruJs(js)   
{       
      var obj= document.createElement('script');   
      obj.type = "text/javascript";   
      obj.src = js;   
      var Head = document.getElementsByTagName('head')[0];   
      Head.appendChild(obj);   
}  

function YinruCss(css)   
{       
    var obj=document.createElement("link")   
    obj.rel = "stylesheet";  
    obj.type = "text/css";  
    obj.href = css;   
    var Head= document.getElementsByTagName('head')[0];   
    Head.appendChild(obj);   
}  
YinruJs('zhiwen.js');//这里写引入js文件名
YinruCss('zhiwen.css');//这里写引入css文件名
</script>