JavaScript Çıktısı
JavaScript Görüntüleme Olanakları
JavaScript, verileri farklı şekillerde "gösterebilir":
- kullanarak bir HTML öğesine yazma
innerHTML
. - kullanarak HTML çıktısına yazma
document.write()
. - kullanarak bir uyarı kutusuna yazma
window.alert()
. - kullanarak tarayıcı konsoluna yazma
console.log()
.
innerHTML'yi kullanma
Bir HTML öğesine erişmek için JavaScript bu document.getElementById(id)
yöntemi kullanabilir.
Nitelik id
, HTML öğesini tanımlar. Özellik innerHTML
, HTML içeriğini tanımlar:
Örnek
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My First Paragraph</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>
Bir HTML öğesinin innerHTML özelliğini değiştirmek, verileri HTML'de görüntülemenin yaygın bir yoludur.
Document.write()'ı kullanma
Test amacıyla, kullanımı uygundur document.write()
:
Örnek
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>
Bir HTML belgesi yüklendikten sonra document.write() kullanmak, mevcut tüm HTML'yi siler :
Örnek
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<button type="button" onclick="document.write(5 + 6)">Try it</button>
</body>
</html>
Document.write() yöntemi yalnızca test için kullanılmalıdır.
window.alert()'i kullanma
Verileri görüntülemek için bir uyarı kutusu kullanabilirsiniz:
Örnek
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>
Anahtar kelimeyi atlayabilirsiniz window
.
JavaScript'te, pencere nesnesi global kapsam nesnesidir; bu, değişkenlerin, özelliklerin ve yöntemlerin varsayılan olarak pencere nesnesine ait olduğu anlamına gelir. window
Bu aynı zamanda anahtar sözcüğü belirtmenin isteğe bağlı olduğu anlamına gelir :
Örnek
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
alert(5 + 6);
</script>
</body>
</html>
Console.log()'u kullanma
console.log()
Hata ayıklama amacıyla, verileri görüntülemek için tarayıcıdaki yöntemi çağırabilirsiniz .
Daha sonraki bir bölümde hata ayıklama hakkında daha fazla bilgi edineceksiniz.
Örnek
<!DOCTYPE html>
<html>
<body>
<script>
console.log(5 + 6);
</script>
</body>
</html>
JavaScript Yazdır
JavaScript'in herhangi bir yazdırma nesnesi veya yazdırma yöntemi yoktur.
JavaScript'ten çıktı cihazlarına erişemezsiniz.
window.print()
Tek istisna, geçerli pencerenin içeriğini yazdırmak için tarayıcıdaki yöntemi çağırabilmenizdir .
Örnek
<!DOCTYPE html>
<html>
<body>
<button onclick="window.print()">Print this page</button>
</body>
</html>