JavaScript implementa o carregamento dinâmico de CSS

A cópia do código é a seguinte:

<script type = "text/javascript">

função addStyle (stylepath) {

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

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

addStyle.rel = "STILESHEET";

addStyle.type = "text/css";

addStyle.media = "Screen";

addStyle.href = stylepath;

container.appendChild (addStyle);

}

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

</script>

As funções gravadas por JS são usadas para controlar o carregamento dinâmico dos arquivos JS, ou seja, os arquivos JS são carregados quando necessário, e os arquivos CSS também podem ser carregados, para que a pele da página da web possa ser realizada. Eu acho que essa função está bem escrita. Se você analisar mais de perto, ainda é muito bom depois de melhorá -lo.

A cópia do código é a seguinte:

função $ import (caminho, tipo, título) {

var s, i;

if (! tipo) tipo = 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) retorna ss [i];

}

s = document.createElement ("script");

S.Type = "Texto/JavaScript";

s.src = caminho;

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) retorna ls [i];

}

s = document.createElement ("link");

s.rel = "STILELESHEET";

S.Type = "Texto/CSS";

s.href = caminho;

if (title) s.title = title;

s.disabled = false;

}

mais retornar;

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

Head.AppendChild (S);

retorno s;

}