Személyes eszközök
Keresés

 

A InfoWiki wikiből

(Változatok közti eltérés)
(uploaded)
Aktuális változat (2009. június 26., 19:18) (lapforrás)
(uploaded)
 
13. sor: 13. sor:
== JavaScript ==
== JavaScript ==
-
A JavaScript nyelven olyan programokat írhatunk meg, amely a kliens oldalon fut majd le. A JS nyelvi kód vagy a HTML oldalba ágyazva, vele együtt töltődik le, vagy a HTML oldal tartalmaz egy hivatkozást egy ilyen JS nyelvi fájlra (s mint a képek esetén is) utólag töltődik le, külön.
+
Script nyelv
 +
Szintaktikája hasonlít a JAVA nyelvéhez
 +
A szerver oldalról érkezik a HTML forrásába szúrva,  
 +
  vagy külön file-ként csatolva a weblaphoz
 +
A kliens oldalon a böngésző futtatja
 +
A HTML lap tartalmát ki tudja olvasni,  
 +
  és tudja módosítani is
 +
eseménykezelőként tud működni,  
 +
  egyes történésekhez (mezőbe belépés, nyomógombra
 +
  kattintás) eseményekhez függvényeket lehet csatolni,
 +
  melyek bekövetkezteror JS függvények futnak le
-
Első esetben (beágyazott JS kód) a HTML fájlba jelezni kell a JavaScript kód kezdetét és végét:
+
Fontos felhasználási lehetőség: FORM mezők kliens
 +
oldali validálása beküldés előtt
-
<code lang="js">
+
http://www.crockford.com/javascript/jsmin.html
-
<script type="text/javascript">
+
-
...
+
-
... kód
+
-
...
+
-
</script>
+
-
</code>
+
-
A fenti esetet akkor használjuk, ha a html részen belül is a body részbe kívánunk kódot elhelyezni. A böngészők ez esetben felismerik, hogy JavaScript utasítások következnek, áttérnek JS üzemmódba, végrehajtják az utasításokat. Mindezt teszik amíg a <nowiki></script></nowiki> részhez nem érnek. Ekkor visszakapcsolnak HTML üzemmódba, és folytatják a html rész feldolgozásával a lap megjelenítését.
 
-
Második esetben (csatolt JS kód) egy hivatkozást kell elhelyezni:
+
A NetScape –ben jelent meg.
 +
Első neve LiveScript volt
 +
NetscapE-SUN kapcsolat, és P.R. okokból neve JavaScript lett
 +
Microsoft hasonló projektjének neve JScript
-
<code lang="js">
+
Böngészők eltérő módon kezelik (ha kezelik)
-
<script type="text/javascript" src="http://pelda.js.hu/akarmi.js"></script>
+
Verzióiban is eltérhet egymástól
-
</code>
+
Borzasztó inkompatibilitási problémákat rejt(het)
-
 
+
Első dolog lekérdezni milyen böngészőn fut éppen a kód
-
Az '''src''' tag segítségével definiálhatjuk a külső (jellemzően .js kiterjesztésű) fájl útvonalát.
+
Tele van if-ekkel, melyik böngészőn hogy kell körbejárni
-
 
+
  az adott problémákat (workaround)
-
<box type="warn">A fenti esetben a <nowiki></script></nowiki> tag beírása erősen ajánlott, egyes böngészők az '''src''' tag jelenléte ellenére átkapcsolnak JS üzemmódra, és a HTML oldal maradék forrását JS utasításként próbálják értelmezni. Persze ez nem sikerül neki, be is gyűjt egy rakás ''ez meg milyen JS utasítás már'' jellegű hibaüzenetet magába, de az oldal maradék része egyszerűen nem jelenik meg!</box>
+
Interpreteres értelmezésű, szintaktikai hibákat is tartalmazhat
-
 
+
Biztonságosnak tekinthető, a memóriában lévő
-
== Nyomkövetés ==
+
  HTML dokumentumon túl nem érhet el fileokat a diszken, stb…
-
 
+
-
A JS nyelven írt utasítások, programocskák gyakran hibásak. Sajnos a böngészők erre eltérő módon reagálnak. Leggyakrabban az első olyan lépésnél, ahol súlyos hibát észlelnek - leállítják a script futtatását, de egyéb hibát nem írnak ki. Ez nagyon zavaró lehet, mert nem tudjuk eldönteni, hogy el se indult a kódunk, vagy valameddig lefutott, csak nem ért el a végére, ill. melyik részig jutott el, melyik sor a hibás.
+
-
 
+
-
A legegyszerűbb (és gyakran a leghatékonyabb) mód, hogy a JS utasításaink közé egy '''alert()''' függvényhívást helyezünk. Paramétereként valamilyen kiirandó szöveget helyezünk el aposztrófok között. Ez az üzenet kiíródik a képernyőre az alert végrehajtásakor - így megtudhatjuk, hogy a kód elindult, és eddig a sorig le is futott.
+
-
 
+
-
<script lang="js">
+
-
...
+
-
alert("idáig oké");
+
-
...
+
-
</script>
+
-
 
+
-
Amennyiben még mindíg nem találjuk a hibát, helyezzük néhány utasítással arréb ezt a sort, és teszteljük újra. Remélhetőleg előbb-utóbb megtaláljuk azt a pontot, ahol már az üzenet nem íródik ki a képernyőre. Ekkor biztosak lehetünk benne, hogy ezen utasítás előtti sorokban keresendő a hiba.
+
-
 
+
-
Később, a változók és az ''if'' utasítás megismerése után ennél fejletteb kiírásokat is elvégezhetünk.
+
-
 
+
-
<box type="warn">Az alert áthelyezése után ne felejtsük el újratölteni az oldalt! Mivel a böngészők ilyenkor hajlamosak a cache-ből elővenni a korábbi oldalt, így ne lepődjünk meg, ha ezek után még mindíg a korábbi oldalforrást működtetik! Ha ilyen gyanúnk támadna, töröljük a böngészési előzményeket, illetve ha lehet, kapcsoljuk ki a böngésző cache kiegészítését, vagy állítsuk be az oldal fejrészébe, hogy azt a böngészők ne akarják cache-be tárolni.</box>
+
-
 
+
-
== Cache kikapcsolás ==
+
-
 
+
-
A HTML fejrészbe kell elhelyezni a cache kikapcsolását végző rész. A PHP-ből ezt a '''header()''' függvény hívásával tudjuk elvégezni:
+
-
 
+
-
<code lang="php">
+
-
<?php
+
-
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
+
-
header("Last-modified:".gmdate("D, d M Y H:i:s")." GMT");
+
-
header("Cache-Control: no-store, no-cache, must-revalidate");
+
-
  header("Cache-Control: post-check=0, pre-check=0", false);
+
-
header("Pragma: no-cache");
+
-
?>
+
-
</code>
+

Aktuális változat


JavaScript

Script nyelv
Szintaktikája hasonlít a JAVA nyelvéhez
A szerver oldalról érkezik a HTML forrásába szúrva, 
  vagy külön file-ként csatolva a weblaphoz
A kliens oldalon a böngésző futtatja
A HTML lap tartalmát ki tudja olvasni, 
 és tudja módosítani is
eseménykezelőként tud működni, 
 egyes történésekhez (mezőbe belépés, nyomógombra 
 kattintás) eseményekhez függvényeket lehet csatolni, 
 melyek bekövetkezteror JS függvények futnak le

Fontos felhasználási lehetőség: FORM mezők kliens

oldali validálása beküldés előtt

http://www.crockford.com/javascript/jsmin.html


A NetScape –ben jelent meg. Első neve LiveScript volt NetscapE-SUN kapcsolat, és P.R. okokból neve JavaScript lett Microsoft hasonló projektjének neve JScript

Böngészők eltérő módon kezelik (ha kezelik) Verzióiban is eltérhet egymástól Borzasztó inkompatibilitási problémákat rejt(het) Első dolog lekérdezni milyen böngészőn fut éppen a kód Tele van if-ekkel, melyik böngészőn hogy kell körbejárni

 az adott problémákat (workaround)

Interpreteres értelmezésű, szintaktikai hibákat is tartalmazhat Biztonságosnak tekinthető, a memóriában lévő

HTML dokumentumon túl nem érhet el fileokat a diszken, stb…
A lap eredeti címe: „http://wiki.ektf.hu/wiki/Cgi-ea/page101
Nézetek
nincs sb_18.218.184.214 cikk