Mogućnosti prikaza JavaScript-a
Podaci se mogu “prikazati” na različite načine pomoću JavaScripta:
- Korišćenje innerHTML-a za pisanje u HTML element.
- Korištenje document.write() za pisanje u HTML izlaz.
- Korištenje window.alert() za pisanje u okvir upozorenja.
- Korištenje console.log() za pisanje u konzolu preglednika.
innerHTML
innerHTML je tehnika koja se koristi za kreiranje web stranice.
JavaScript može koristiti dokument za pristup HTML elementu, to je funkcija document.getElementById(id).
HTML element je identifikovan po atributu id.
HTML sadržaj definiran je svojstvom innerHTML:
<!DOCTYPE html>
<html>
<body>
<h1>Moja stranica</h1>
<p>Prvi paragraf</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>Korištenje metode document.write()
Zgodno je koristiti document.write() za potrebe testiranja:
<!DOCTYPE html>
<html>
<body>
<h1>Moja stranica</h1>
<p>Prvi paragraf.</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>Nakon učitavanja HTML dokumenta upotrebom document.write() izbrisat će se sav postojeći HTML:
<!DOCTYPE html>
<html>
<body>
<h1>Prva stranica</h1>
<p>Prvi paragraf.</p>
<button type="button" onclick="document.write(5 + 6)">Isprobajte</button>
</body>
</html>Upotrebom metode window.alert()
Za prikaz podataka možete upotrijebiti okvir upozorenja:
<!DOCTYPE html>
<html>
<body>
<h1>Prva stranica</h1>
<p>Prvi paragraf.</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>Ključna riječ window može se izostaviti.
Prozorski objekt je objekt globalnog opsega u JavaScriptu, što znači da mu varijable, atributi i metode pripadaju prema zadanim postavkama.
To također implicira da upotreba ključne riječi window nije potrebna:
<!DOCTYPE html>
<html>
<body>
<h1>Prva stranica</h1>
<p>Prvi paragraf.</p>
<script>
alert(5 + 6);
</script>
</body>
</html>Korištenje naredbe console.log()
Možete koristiti funkciju console.log() u pregledniku za prikaz podataka.
<!DOCTYPE html>
<html>
<body>
<script>
console.log(5 + 6);
</script>
</body>
</html>Print u JavaScript-u
U JavaScript-u nema objekata za print ili metoda za print.
JavaScript nema pristup izlaznim uređajima.
Jedini izuzetak je to što se u prozor može pozvati window.print() za ispis sadržaja trenutnog prozora u pregledniku.
<!DOCTYPE html>
<html>
<body>
<button onclick="window.print()">Printaj ovu stranicu</button>
</body>
</html>