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 = "экран";

addStyle.href = stylePath;

Container.AppendChild (AddStyle);

}

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

</script>

Функции, записанные JS, используются для управления динамической загрузкой файлов JS, то есть файлов JS загружаются при необходимости, а файлы CSS также могут быть загружены, чтобы можно было реализовать скингинг на веб -странице. Я думаю, что эта функция хорошо написана. Если вы посмотрите поближе, это все равно довольно хорошо после того, как вы улучшили его.

Кода -копия выглядит следующим образом:

Функция $ import (path, type, title) {

var s, я;

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 = путь;

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 ("ссылка");

S.Rel = "stylesship";

s.type = "text/css";

S.Href = путь;

if (title) s.title = title;

s.disabled = false;

}

иначе вернуться;

var head = document.getElementsbytagname ("head") [0];

Head.appendChild (ы);

возврат S;

}