Hálózatok‎ > ‎

Javascript

Katona János Dávid (C09) munkája.

Bevezetés

A Javascript egy HTML fájlokba tervezett objektum-orientált nyelv. Alapjai a C és C++ nyelvek, így ezekre sokban hasonlít.

Tartalom


Javascript és a HTML kapcsolata

A Javascript szoros kapcsolatban áll a HTML szintaktikájával.

Javascript elhelyezése

Ezt több féleképpen is megtehetjük, de csak két félét tartok érdemesnek arra, hogy ezt itt közöljem:

HTML fájlokban

Ha a HTML fájlba szeretnénk írni a kódot, nincs más feladatunk, mint beletenni "<script></script>"-ek közé.Az ide helyezett kódot a böngésző azonnal végrehajtja. Ha itt függvényt definiálunk, akkor az csak definiálásra kerül, végrehajtásra nem! A régebbi böngészők nem ért(het)ik ezt a parancspárt, ezért a közéjük kerülő Javascript forrást HTML-megjegyzésbe: <!--Megjegyezendő szöveg--> rakni, ami nem akadályozza meg a fordításukat, és a régi böngészők sem írják ki (ezek számára használható a "<noscript> </noscript>" parancspár, amik közé írt szöveget viszont csak ők jelenítik meg).

Külön fájlban

Meghívhatunk előre elkészített fájlokat is, ekkor "<script src=fájlnév></script>" parancspárt kell alkalmazni. A fájlnak ebben az esetben Javascriptet szabad tartalmaznia, mást NEM!

Operátorok

Az összes C-ben használható operátor itt is használható, az eltérések a következők:
  • >> Egyszerűen kettővel osztja a számot.
  • >>> Jobbra tolja a számot, és balról nullákkal tölti fel, az előjel megváltozhat!
  • A logikai kifejezések nem feltétlenül értékelődnek ki teljesen. Tehát ha az első operandusból lehet következtetni az eredményre, akkor a második operandus kiértékeletlen marad.
  • Kétféle idézőjel használható: a " és a '. Ezeket felváltva használva ágyazhatunk egymásba idézőjeleket. Egy \-t írva elé hasonló hatást érhetünk el.
  • Az idézőjelek közé zárt szöveg automatikusan egy string, tehát tetszőleges műveletek hajthatók végre vele.

Különleges kifejezések

  • var név [= kifejezés] Definiál egy változót.
  • true és false Konstansok igaz és hamis értékekkel.
  • this Ez mindig az aktuális objektumra hivatkozó változó.
  • void(kifejezés) Kiértékeli a kifejezést, majd elnyeli az értékét, aminek következtében a teljes kifejezésnek nem lesz értéke.
  • typeof(objektum) Egy stringet ad vissza, ami a kifejezés típusát jellemzi.
  • return [kifejezés] Függvényből visszatér a megadott kifejezés értékével, vagy érték nélkül.
  • function név(paraméterek) { utasítások; } Definiál egy adott nevű függvényt, a paraméterek a függvény belsejében mint változók használhatók.
  • parseInt(string) Egész számmá konvertálja a stringet.
  • parseFloat(string) Lebegőpontos számmá konvertálja.
  • isNaN(szám) Megadja, hogy a szám érvénytelen érték-e.

Példák

Ha kíváncsi vagy magára a HTML fájlra, nincs más dolgod, mint jobb klikk, és megkeresni a következő opciót: Oldal Forrása / Page Source

Egy egyszerű példa a JS-re (onClick használatával)
Egy egyszerű példa a JS-re (onMouseOver használatával)
Egy egyszerű példa a JS-re (onMouseOver használatával)
Egy egyszerű példa a JS-re (Szöveges beviteli eszköz használatával)
Az utolsó példa pedig az óra a jobb alsó sarokban.