JavaScript Görüntüleme Olanakları
JavaScript, verileri farklı şekillerde "görüntüleyebilir":
Bir HTML öğesine erişmek için JavaScript, document.getElementById(id)yöntemi kullanabilir .
idNitelik HTML öğesini tanımlar. innerHTMLMülkiyet HTML içeriğini tanımlar:
Misal
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 kullanmak uygundur document.write():
Misal
Bir HTML belgesi yüklendikten sonra document.write () kullanıldığında, mevcut tüm HTML silinir :
Misal
Document.write () yöntemi yalnızca test için kullanılmalıdır.
Window.alert () kullanma
Verileri görüntülemek için bir uyarı kutusu kullanabilirsiniz:
Misal
Console.log () kullanma
Hata ayıklama amacıyla, console.log()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.
Misal
JavaScript Yazdır
JavaScript'in herhangi bir yazdırma nesnesi veya yazdırma yöntemi yoktur.
Çıkış cihazlarına JavaScript'ten erişemezsiniz.
Bunun tek istisnası, window.print()geçerli pencerenin içeriğini yazdırmak için tarayıcıda yöntemi çağırabilmenizdir .
Misal
JavaScript, verileri farklı şekillerde "görüntüleyebilir":
- Kullanarak bir HTML öğesine yazmak innerHTML.
- Kullanarak HTML çıktısına yazmak document.write().
- Kullanarak bir uyarı kutusuna yazma window.alert().
- Kullanarak tarayıcı konsoluna yazmak console.log().
Bir HTML öğesine erişmek için JavaScript, document.getElementById(id)yöntemi kullanabilir .
idNitelik HTML öğesini tanımlar. innerHTMLMülkiyet HTML içeriğini tanımlar:
Misal
JavaScript:
<!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>Document.write () kullanma
Test amacıyla kullanmak uygundur document.write():
Misal
JavaScript:
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>Misal
JavaScript:
<!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>Window.alert () kullanma
Verileri görüntülemek için bir uyarı kutusu kullanabilirsiniz:
Misal
JavaScript:
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>Hata ayıklama amacıyla, console.log()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.
Misal
JavaScript:
<!DOCTYPE html>
<html>
<body>
<script>
console.log(5 + 6);
</script>
</body>
</html>JavaScript'in herhangi bir yazdırma nesnesi veya yazdırma yöntemi yoktur.
Çıkış cihazlarına JavaScript'ten erişemezsiniz.
Bunun tek istisnası, window.print()geçerli pencerenin içeriğini yazdırmak için tarayıcıda yöntemi çağırabilmenizdir .
Misal
JavaScript:
<!DOCTYPE html>
<html>
<body>
<button onclick="window.print()">Print this page</button>
</body>
</html>>