JavaScript implementa la carga dinámica de CSS

La copia del código es la siguiente:

<script type = "text/javaScript">

función addStyle (stylepath) {

var contenedor = document.getElementsBytagName ("cabeza") [0];

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

addStyle.rel = "Stylesheet";

addStyle.Type = "Text/CSS";

addStyle.media = "pantalla";

addStyle.href = stylePath;

Container.appendChild (addStyle);

}

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

</script>

Las funciones escritas por JS se utilizan para controlar la carga dinámica de los archivos JS, es decir, los archivos JS se cargan cuando es necesario, y los archivos CSS también se pueden cargar, de modo que el desollado de la página web se pueda realizar. Creo que esta función está bien escrita. Si observa más de cerca, sigue siendo bastante bueno después de mejorarlo.

La copia del código es la siguiente:

función $ import (ruta, tipo, título) {

var s, i;

if (! type) type = path.substr (path.lastindexof (".")+1);

if (type == "js") {

var ss = document.getElementsByTagName ("script");

para (i = 0; i <ss.length; i ++) {

if (ss [i] .src && ss [i] .src.indexof (ruta)! =-1 || ss [i] .title == title) return ss [i];

}

s = document.createElement ("script");

s.type = "text/javaScript";

S.Src = ruta;

if (title) s.title = title;

}

else if (type == "css") {

var ls = document.getElementsBytagName ("enlace");

para (i = 0; i <ls.length; i ++) {

if (ls [i] .href && ls [i] .href.indexof (ruta)! =-1 || ls [i] .title == title) return ls [i];

}

s = document.createElement ("enlace");

s.rel = "Stylesheet";

s.type = "text/css";

s.href = ruta;

if (title) s.title = title;

s.disable = false;

}

de lo contrario regresar;

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

head.appendChild (s);

regreso s;

}