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