JavaScript Çıktısı

Zor Çocuk · 28 Ara 2020

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

JavaScript Çıktısı

Zor Çocuk

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