Zor Çocuk

Moderatör
Değerlendirme - 100%
Katılım
3 Yıl 10 Ay 25 Gün
Mesajlar
884
JavaScript Görüntüleme Olanakları
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().
İnnerHTML kullanma
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>
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
JavaScript:
<!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 () kullanıldığında, mevcut tüm HTML silinir :
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>
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
JavaScript:
<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p>My first paragraph.</p>

<script>
window.alert(5 + 6);
</script>

</body>
</html>
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:
<!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.

Çı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>>
 

Bu konuyu görüntüleyen kullanıcılar

Üst Alt