JavaScriptは、CSSの動的荷重を実装します

コードコピーは次のとおりです。

<script type = "text/javascript">

関数addstyle（stylepath）{

var container = document.getElementsByTagname（ "head"）[0];

var addstyle = document.createelement（ "link"）;

addstyle.rel = "styleSheet";

addstyle.type = "text/css";

addstyle.media = "screen";

addstyle.href = stylepath;

container.appendChild（addstyle）;

}

addStyle（ 'http://www.xxx.com/wintys/dynamic.css'）;

</script>

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（ "Script"）;

for（i = 0; i <ss.length; i ++）{

if（ss [i] .src && ss [i] .src.indexof（path）！= -1 || ss [i] .title == title）return ss [i];

}

s = document.createelement（ "script"）;

s.type = "text/javascript";

s.src = path;

if（title）s.title = title;

}

else if（type == "css"）{

var ls = document.getElementsByTagname（ "link"）;

for（i = 0; i <ls.length; i ++）{

if（ls [i] .href && ls [i] .href.indexof（path）！= -1 || ls [i] .title == title）return ls [i];

}

s = document.createelement（ "link"）;

S.REL = "StyleSheet";

s.type = "text/css";

s.href = path;

if（title）s.title = title;

s.disabled = false;

}

それ以外の場合は戻ります。

var head = document.getElementsByTagname（ "head"）[0];

head.AppendChild（s）;

s;

}