webmaster webmastering webdesign

Jesteś tutaj: webmade.org >> porady >> javascript

Dynamiczne ładowanie skryptów JS

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

szukaj: dynamiczne dołączanie skryptów dynamiczne dołączanie skryptów DOM DOM JS JS JavaScript 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

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

Oczekujesz profesjonalnej obługi?
Tworzenie stron internetowych.
Przebijamy konkurencje!

 

valid XHTML
valid CSS
© 2004-2008 copyright by webmade.org