快捷導(dǎo)航

使用javaScript動態(tài)加載Js文件和Css文件

更新時間：2015年10月24日 15:51:39 投稿：lijiao

這篇文章主要介紹了如何使用javaScript動態(tài)加載Js文件和Css文件

JS動態(tài)加載CSS 在可換主題的界面中具有很重要的意義，用戶可以根據(jù)自己的瀏覽習(xí)慣選擇自己喜歡的頁面顯示方式，下面詳細(xì)說明。

希望下面的方法對你有幫助。
（1）使用JavaScript動態(tài)加載Js文件

/*JavaScript動態(tài)加載Js文件*/ 
var scriptNode = document.createElement('script'); 
scriptNode.src = 'proxy.js?t='+new Date().getTime();/*附帶時間參數(shù)，防止緩存*/ 
document.head.appendChild(scriptNode);

（2）使用JavaScript動態(tài)加載css文件

/*JavaScript動態(tài)加載Css文件*/ 
var cssNode = document.createElement('link'); 
cssNode.rel = 'stylesheet'; 
cssNode.type = 'text/css'; 
cssNode.media = 'screen'; 
cssNode.href = 'style.css?t='+new Date().getTime();/*附帶時間參數(shù)，防止緩存*/ 
document.head.appendChild(cssNode);

以上就是使用javaScript動態(tài)加載Js文件和Css文件的方法，希望對大家的學(xué)習(xí)有所幫助。

您可能感興趣的文章:

相關(guān)文章

小程序?qū)崿F(xiàn)自定義多層級單選和多選
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)自定義多層級單選和多選，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-04-04
基于canvas粒子系統(tǒng)的構(gòu)建詳解
下面小編就為大家?guī)硪黄赾anvas粒子系統(tǒng)的構(gòu)建詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-08-08
javascript中傳統(tǒng)事件與現(xiàn)代事件
本文給大家介紹的是使用傳統(tǒng)事件的方法來模擬現(xiàn)代事件，十分的簡單實用，有需要的小伙伴可以參考下。
2015-06-06
TypeScript中的類型斷言和非空斷言的使用方法
類型斷言是一種方式，可以手動指定變量的類型，非空斷言是一種類型斷言的特殊形式，這篇文章主要給大家介紹TypeScript 中的類型斷言和非空斷言的使用方法,需要的朋友可以參考下
2023-07-07
JS中onpropertychange和onchange事件區(qū)別小結(jié)
當(dāng)一個HTML元素的屬性用js改變的時候，都能通過onpropertychange來捕獲。例如一個文本text對象的value屬性被頁面的腳本修改的時候，onchange無法捕獲到，而onpropertychange卻能夠捕獲。
2010-07-07
TypeScript聯(lián)合類型,交叉類型和類型保護(hù)
這篇文章主要介紹了TypeScript聯(lián)合類型,交叉類型和類型保護(hù)，聯(lián)合類型就是定義一些類型，定義的變量只需要滿足任意一種類型即可，交叉類型就是需要滿足所有類型，交叉類型使用，更多內(nèi)容我們來看看下面文章詳細(xì)內(nèi)容吧
2021-12-12
使用uni-app開發(fā)微信小程序的實現(xiàn)
這篇文章主要介紹了使用uni-app開發(fā)微信小程序的實現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-12-12
JS實現(xiàn)鼠標(biāo)按下拖拽效果
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)鼠標(biāo)按下拖拽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-07-07
使用Chrome調(diào)試JavaScript的斷點設(shè)置和調(diào)試技巧
這篇文章主要介紹了使用Chrome調(diào)試JavaScript的斷點設(shè)置和調(diào)試技巧,需要的朋友可以參考下
2014-12-12
JavaScript JSON.stringify()的使用總結(jié)
JSON是一種輕量級數(shù)據(jù)格式，可以方便地表示復(fù)雜數(shù)據(jù)結(jié)構(gòu)。JSON對象有兩個方法：stringify()和parse()。在簡單的情況下，這兩個方法分別可以將JavaScript序列化為JSON字符串，以及將JSON解析為原生JavaScript值。本文著重介紹JSON.stringify()的使用方法和注意事項。
2021-05-05