Treść książki

Przejdź do opcji czytnikaPrzejdź do nawigacjiPrzejdź do informacjiPrzejdź do stopki
Zazwyczajdużawitrynalubaplikacjainternetowabędziewymagałakilkuplików
JavaScript.Możnazminimalizowaćichwpływnawydajność,łączącjewjedenplik,aby
następniewywołaćtenplikzapomocąjednegoznacznika
<script>
.Połączenieplików
możezostaćwykonanewtrybieofine,zapomocąnarzędziaomawianegowrozdziale
9,lubwczasierzeczywistymprzyużyciunarzędziatakiegojakobsługawieloplikowa
wYahoo!.
Yahoo!stworzyłobsługęwieloplikowądodystrybucjiplikówbibliotekiYahoo!User
Interface(YUI)zapośrednictwemswojejsieciContentDeliveryNetwork(CDN).Każda
witrynamożepobraćdowolnąliczbęplikówYUI,używającodpowiedniegoURLzna-
zwamiłączonychplików.NaprzykładtenURLobejmujedwapliki:htp://yui.yahooapis.
com/combo?2.7.0/build/yahoo/yahoo-min.js&2.7.0/build/event/event-min.js.
TenURLpowodujezaładowaniewersji2.7.0plikówyahoo-min.jsorazevent-min.js.
Plikiteznajdująsięnaserwerzejakooddzielneelementy,alełączonewmomencie
żądaniategoURL.Zamiastkorzystaniazdwóchznaczników
<script>
(pojednymdoza-
ładowaniakażdegozplików),możnaużyćjednegoznacznika
<script>
dozaładowania
obydwuplików:
<html>
<head>
<title>ScriptExample</title>
<linkrel="stylesheet"type="text/css"href="styles.css">
</head>
<body>
<p>Helloworld!</p>
<--Przykładzalecanejpozycjiskryptu-->
<scripttype="text/javascript"src="http://yui.yahooapis.com/combo?2.7.0/build/
yahoo/yahoo-min.js&2.7.0/build/event/event-min.js"></script>
</body>
</html>
Tenkodzawieranadolestronypojedynczyznacznik
<script>
,którypowodujezaładowanie
wieluplikówJava-Script.Ilustrujetonajlepsząpraktykędołączaniazewnętrznychplików
JavaScriptnastronieHTML.
Grupowanieskryptów
|
5