Heim  >  Artikel  >  Web-Frontend  >  Verwenden Sie JavaScript, um Js-Dateien und CSS-Dateien dynamisch zu laden. Tipps zu Javascript

Verwenden Sie JavaScript, um Js-Dateien und CSS-Dateien dynamisch zu laden. Tipps zu Javascript

WBOY
WBOYOriginal
2016-05-16 15:35:191250Durchsuche

Das dynamische Laden von CSS durch JS ist in der Theme-veränderbaren Benutzeroberfläche von großer Bedeutung. Benutzer können ihre bevorzugte Seitenanzeigemethode entsprechend ihren Surfgewohnheiten auswählen, wie unten ausführlich erläutert.

Ich hoffe, dass die folgende Methode für Sie hilfreich sein wird.
(1) Verwenden Sie JavaScript, um Js-Dateien dynamisch zu laden

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

(2) Verwenden Sie JavaScript, um CSS-Dateien dynamisch zu laden

/*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); 

Das Obige beschreibt, wie man JavaScript zum dynamischen Laden von Js- und CSS-Dateien verwendet. Ich hoffe, es wird für das Lernen aller hilfreich sein.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn