Bemutató g_022
Ezen oldal még nem kész.
Ha, szabadidőm engedi, folytatom!
Html oldali javascript program megírása
<script language="JavaScript" type="text/javascript">
Ide írjuk be, programunkat.
</script>
Külön js fájl meghívása:
<script language="JavaScript" type="text/javascript" src="js_fájl_neve.js" > </script>
Szöveg megjelenítése:
<body>
<script type="text/javascript">
document.write("Hello World!");
</script>
</body> Bővebben
Egy soros megjegyzések ( // )
Egy sor azt jelenti, hogy a szövegfolyamban, egyszer sem ütöttük le az ENTER billentyűt, csak a legvégén:
<script type="text/javascript">
document.write("<p>Ez egy bekezdés</p>");
//Egysoros megjegyzés. Egy sor, azt jelenti, hogy a szövegfolyamban, egyszer sem ütöttük le az ENTER billentyűt, csak a legvégén. Így a programunkban ez az egysoros megjegyzés, 800px méretű monitorokon több sorban jelenik meg, még ennél szélesebb monitorokon lehet, hogy egy sort sem tölt ki. Ha programsor letiltására alkalmazzuk ezen jeleket, akkor csak az adott sorra vonatkozik, Ha több sort is le akarunk tiltani, akkor minden sor elején helyezzük el a következő jeleket ( // )
document.write("<p>Ez egy újabb bekezdés</p>");
</script> Bővebben
Több soros megjegyzések alkalmazása. ( /*.......*/ )
<script type="text/javascript">
document.write("<p> Ez egy bekezdés </p>");
/* Több soros megjegyzés:
Ezen sor szöveg nem jelenik meg, és a program müködését sem befolyásolja,
mert többsoros megjegyzés kódja között helyezkedik el
Ezekkel a jelekkel nem csak megjegyzéseket helyezhetünk el, JavaScript programunkban több programsort is letilthatunk.*/
document.write("<p> Ez egy újabb bekezdés </p>");
</script> Bővebben
Weboldal betöltődése előtt megjelenő üzenet, alert(....)
<script language="JavaScript" type="text/javascript" >
szoveg1 = "Szöveges üzenetet jelenít meg a felhasználó felé.";
szoveg2 = "Ez lehet: figyelmeztető, tájékoztató, azaz tetszőleges leírás.";
osszefuzes = szoveg1 + szoveg2 ;
alert (osszefuzes );
</script>
Bővebben
Jelölőelemek megkeresése, és stílusuk meghatározása
<script language="JavaScript" type="text/javascript">
var Bekezdesek = document.getElementsByTagName("p");
for ( var i =0; i< Bekezdesek.length; i++) {
Bekezdesek[i].style.backgroundColor="yellow";
Bekezdesek[i].style.color="blue";
Bekezdesek[i].style.border="2px solid black";
}
</script> Bővebben
Az id azonosítóval rendelkező jelölőelem megkeresése, és stílus meghatározása
<script language="JavaScript" type="text/javascript">
var idelem=document.getElementById("id azonosító");
idelem.style.backgroundColor="yellow";
idelem.style.color="blue";
idelem.style.border="1px solid #000";
idelem.style.fontSize="20px";
idelem.style.padding="5px";
</script> Bővebben
<script language="JavaScript" type="text/javascript">
var ido = new Date ( );
var hours = ido.getHours();
var minutes = ido.getMinutes();
var seconds = ido.getSeconds();
var nap = ido.getDate ();
var hetnap = ido.getDay ();
var honap = ido.getMonth();
var tido = ido.getTime();
var localido = ido.toString ( );
var utcido = ido.toGMTString ( );
document.write (" <b>Idő: </b> " + ido + " <br /> <b>Óra: </b> " + hours + " <br />");
document.write (" <b>Perc: </b> " + minutes + " <br /> <b>Másodperc: </b> " + seconds + " <br />");
document.write (" <b>Nap: </b> " + nap + " <br /> <b>Hét napja: </b> " + hetnap + " <br />");
document.write (" <b>Hónap: </b> " + honap + " <br /> <b>Teljes idő: </b> " + tido + " <br />");
document.write (" <b>Local idő: </b> " + localido + " <br />");
document.write (" <b>UTC idő: </b> " + utcido) ;
</script>
Megjelenés: