Javascript は CSS_javascript スキルの動的ロードを実装します-jsチュートリアル-php.cn

Javascript は CSS_javascript スキルの動的ロードを実装します

WBOY

リリース： 2016-05-16 16:18:04

オリジナル

1025 人が閲覧しました

<スクリプトタイプ="text/javascript">

function addStyle(stylePath) {

var コンテナ = document.getElementsByTagName("head")[0];

var addStyle = document.createElement("link");

addStyle.rel = "スタイルシート";

addStyle.type = "text/css";

addStyle.media = "画面";

addStyle.href = stylePath;

Container.appendChild(addStyle);

}

addStyle('http://www.xxx.com/wintys/dynamic.css');

JS ファイルの動的ロードを制御するために JS で書かれた関数が使用されます。つまり、JS ファイルは必要な場合にのみロードされ、CSS ファイルもロードできるため、Web ページのスキンを変更できると思います。よく書かれていますが、真剣に見てみると、改善したにもかかわらず、まだかなり優れていることがわかります。

コードをコピーしますコードは次のとおりです:

function $import(path,type,title){ 

var s,i;
if(!type) type=path.substr(path.lastIndexOf(".") 1);
if(type=="js"){ 

var ss=document.getElementsByTagName("スクリプト");
for(i=0;i
If(ss[i].src && ss[i].src.indexOf(path)!=​​-1 || ss[i].title==title)return 
;
}

s=document.createElement("スクリプト");
s.type="text/javascript";
s.src=パス;
If(タイトル) s.title=タイトル 

}

else if(type=="css"){ 

var ls=document.getElementsByTagName("リンク");
for(i=0;i
If(ls[i].href && ls[i].href.indexOf(path)!=​​-1 || ls[i].title==title)return ls[i];
}

s=document.createElement("リンク");
s.rel="スタイルシート";
s.type="テキスト/css";
s.href=パス;
If(タイトル) s.title=タイトル 

s.disabled=false; 

}

それ以外の場合は 
 を返します。
var head=document.getElementsByTagName("head")[0];
head.appendChild(s);

 を返します。
}