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

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

WBOY
リリース: 2016-05-16 15:35:19
オリジナル
1286 人が閲覧しました

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 ファイルを動的に読み込む方法です。皆さんの学習に役立つことを願っています。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート