Dynamiczne ładowanie skryptów JS

autor: Patryk 'yarpo' Jar, ostatnia modyfikacja: 2007-09-10

szukaj: dynamiczne dołączanie skryptów DOM JS JavaScript

Jeśli kiedyś myślałeś o tym, jakby tu załadować jakiś skrypt „po drodze”, zamiast ładować go od razu, to na pewno ta porada ci się przyda.

Pokażę, w jaki sposób załadować skrypt JS znajdujący się w osobnym pliku dynamicznie, to znaczy – w trakcie surfowania po stronie, bez jej przeładowania. Niech przemówi kod:

<script type="text/javascript">
// <!-- <![CDATA[ 
function zaladuj_skrypt(plik) {
	var nowySkrypt = document.createElement("script");
	nowySkrypt.setAttribute("type", "text/javascript");
	nowySkrypt.setAttribute("src", plik + ".js");

	document.getElementsByTagName("head")[0].appendChild(nowySkrypt);
}
// --> ]]>
</script>

Co więc po kolei tu robię? Stworzyłem małą funkcję void zaladuj_skrypt(string plik), która pozwala na dynamiczne dodawanie skryptów. Wywołuje się ją w taki sposób:

<p>	<a href="javascript:void(zaladuj_skrypt('jeden'))">Jeden</a> ::
	<a href="javascript:void(zaladuj_skrypt('dwa'))">Dwa</a>		</p>

Funkcja ta przyjmuje jako parametr nazwę skryptu JS [bez rozszerzenie, to zostaje automatycznie dodane w funkcji].

Warto byłoby także zapoznać się z:

Patryk 'yarpo' Jar

szukaj: dynamiczne dołączanie skryptów DOM DOM JS JavaScript

Osoby czytające tę publikację przeglądały również:

Chcesz zostać programistą?

Poznaj 6 kroków do efektywnej
nauki programowania!