在使用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');
YinruCss('zhiwen.css');
</script>