首頁 >web前端 >js教程 >使用javaScript動態載入Js檔和Css檔_javascript技巧

使用javaScript動態載入Js檔和Css檔_javascript技巧

WBOY
WBOY原創
2016-05-16 15:35:191291瀏覽

JS動態載入CSS 在可換主題的介面中具有很重要的意義,使用者可以根據自己的瀏覽習慣選擇自己喜歡的頁面顯示方式,以下詳細說明。

希望下面的方法對你有幫助。
(1)使用JavaScript動態載入Js檔

/*JavaScript动态加载Js文件*/ 
var scriptNode = document.createElement('script'); 
scriptNode.src = 'proxy.js?t='+new Date().getTime();/*附带时间参数,防止缓存*/ 
document.head.appendChild(scriptNode); 

(2)使用JavaScript動態載入css檔案

/*JavaScript动态加载Css文件*/ 
var cssNode = document.createElement('link'); 
cssNode.rel = 'stylesheet'; 
cssNode.type = 'text/css'; 
cssNode.media = 'screen'; 
cssNode.href = 'style.css?t='+new Date().getTime();/*附带时间参数,防止缓存*/ 
document.head.appendChild(cssNode); 

以上就是使用javaScript動態載入Js檔和Css檔的方法,希望對大家的學習有幫助。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn