ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript を使用して Js ファイルと Css ファイルを動的にロードする_JavaScript のヒント

JavaScript を使用して Js ファイルと Css ファイルを動的にロードする_JavaScript のヒント

WBOY
WBOYオリジナル
2016-05-16 15:35:191253ブラウズ

CSS の JS 動的ロードは、以下で詳しく説明するように、ユーザーが閲覧習慣に応じて好みのページ表示方法を選択できる、テーマ変更可能なインターフェースにおいて非常に重要です。

次の方法がお役に立てば幸いです。
(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 までご連絡ください。