JavaScript alapozó 1.

A sorozat ízelítőt ad a kliens oldali script programozás alapjairól. Mivel a programok kiértékelés, tárolása és futtatása a kliens böngészőjében történik, ezért érzékeny adatok elhelyezése nem javasolt a programokban. Komoly JavaScript ismerettel akár desktop jellegű programokat faraghatunk weben a böngészőnkbe.

A legjobb ingyenes JavaScript programnyelvet is támogató fejlesztő környezet (IDE) az Aptana, Eclipse alapokon.

Mi kell e JavaScript fejlesztéshez?

JavaScript elhelyezése HTML oldalon:

  1. <html>
  2. <head>
  3. <script type=”text/javascript”>
  4. // <![CDATA[
  6. /*Ide jöhet a JavaScript kódunk*/
  8. // ]]>
  9. </script>
  10. </head>
  11. <body>
  12. </body>
  13. </html>

Vagy egy másik lehetséges módja:

  1. <script type=”text/javscript”>
  2. <!–
  4. //ide jöhet a JavaScript kód
  6. //–>
  7. </script>

JavaScript Fájl beágyazása a Head részbben:

  1. <html>
  2. <head>
  4. <script type=”text/javascript” src=”/utvonal/sajat.js”></script>
  6. </head>

Megjegyzés elhelyezés a kódban:

  1. /* többsoros
  2. megjegyzést
  3. helyezhetünk el */
  5. // egysoros megjegyzés

Figyelmezető üzenet küldése egy szövegre kattintve:

  1. <script type=”text/javascript”>
  2. // <![CDATA[
  4. function Alert_MSG(msg)
  5. {
  6. var uzenet=msg;
  7. alert(uzenet);
  8. }
  10. // ]]>
  11. </script>
  12. //használata a tartalmi részben elhelyezett linkre kattinva
  13. <a href=”#” title=”figyelmztető ablak” onClick=”Alert_MSG(‘hoppá’);”>Link</a>

Eldöntendő kérdés küldése (confirm):

  1. function Confirm_MSG(msg)
  2. {
  3. var uzenet=msg;
  4. var valasz=confirm(uzenet);
  6. //kiértékeljük az eredményet
  7. if(valasz)
  8. {
  9. alert(“ok”);
  10. }else
  11. {
  12. alert(“NEM OK”);
  13. }
  14. }

PopUp ablak nyitása, avagy olcsó játék hülye gyerekeknek:

  • Paraméterek:
  • URL, AblakNeve,
  • left – a képernyő bal széllétől való távolság
  • top – a böngésző ablak tetejétől való távolság
  • height – magasság pixelben
  • width – széllesség pixelben
  • resizable – átméretezhetőség
  • fullscreen – teljesképernyős mód / nem minden böngésző támogatja
  • status – status bar bekapcsolása/kikapcsolása
  1. function Rock_Up()
  2. {
  4. window.open( “http://opendir.hu/”, “azAblakNeve”, “height = 150, width = 200, resizable = true” )
  6. }

Prompt küldése:

  1. function Prompt_MSG(msg)
  2. {
  4. var kerdes=msg;
  5. var valasz=prompt(kerdes, “”);
  6. alert(valasz);
  8. }
  10. /*
  11. prompt(“kérdés”, “válasz”);
  12. 1. paraméter a kérdés
  13. 2. paraméter a válasz vagy üres
  14. */

nincs kapcsolódó bejegyzés.