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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章