js、css的动态引入

    在使用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>

你可能感兴趣的:(Web前端)