Javascript 動的読み込み CSS メソッドの概要_JavaScript スキル

1. 外部 CSS ファイルに必要なファイルをロードするために使用されます
@importurl(style.css);
//CSS ファイルまたはスタイル タグでのみ使用できます
2外部 CSS ファイルをページにロードするだけです
document.createStyleSheet(cssFile);
2. createElement メソッドを使用して CSS リンク タグ
varhead=document.getElementsByTagName('HEAD ') を作成します。 ).item(0);
varstyle=document.createElement('link');
style.rel='stylesheet'; type='text/css';
head.appendChild(style);
よく使用される 2 つの関数は次のとおりです。


コードをコピーします。 >

コードは次のとおりです。 functionloadJs(file){ varscriptTag=document.getElementById('loadScript') varhead=document.getElementsByTagName( ' head').item(0);

if(scriptTag)head.removeChild(scriptTag);

script=document.createElement('script'); / mi_" ファイル ".js";
script.type='text/javascript';
script.id='loadScript';
head.appendChild(script);
}
functionloadCss (ファイル){
varcssTag=document.getElementById('loadCss');
varhead=document.getElementsByTagName('head').item(0);
if(cssTag)head.removeChild(cssTag) ) ;
css=document.createElement('link');
css.href="../css/mi_" ファイル
css.rel='stylesheet'; > css.type='text/css';
css.id='loadCss';