JavaScript içinde yer alan document.write()
fonksiyonu, HTML
sayfası yüklenirken dinamik olarak içeriğe metin veya HTML
eklemenize olanak tanır. Bu fonksiyon, özellikle basit testlerde veya hızlı çıktılar almak istediğinizde kullanılabilir. Ancak modern web geliştirme pratiklerinde sık başvurulan bir yöntem değildir.
Aşağıdaki örnekler, sayfaya satır satır metin eklemeyi gösterir:
// Tek satırlık metin yazdırma
document.write("Hello, World!");
// Satır atlamak için <br/> kullanabilirsiniz
document.write("<br/>");
// writeln metodu ile satır sonunda boşluk bırakır
document.writeln("Hello, World!");
// Tekrar metin yazdırma
document.write("Hello, World!");
Çıktı:
Hello, World!
Hello, World! Hello, World!
-
Hızlı Prototipleme veya Test: Kodlarınızı test ederken basit bir şekilde çıktı almak istediğinizde.
-
Basit İçerik Ekleme: Formun veya sayfanın ilk yüklenmesi sırasında, ufak bir mesaj ya da değer göstermek istediğinizde.
Örnek Senaryo:
-
Sadece bir öğrenme süreci için örnek kod yazıyorsanız veya
-
Okul ödevlerinde hızlı bir çıktı göstermek istiyorsanız
document.write()
işinizi görebilir.
-
Sayfa Yüklendikten Sonra Kullanım:
document.write()
sayfa yüklendikten sonra çağrılırsa, mevcut sayfa içeriği tamamen silinebilir ve sadece son yazılan metin kalır. Bu yüzden genellikle sayfa yüklenirken kullanılır. -
Modern Yaklaşım: Güncel projelerde,
JavaScript
ileDOM
manipülasyonu yapmak içininnerHTML
,appendChild
,createElement
gibi yöntemler ya da modern kütüphaneler(React, Vue, Angular vb.)
tercih edilir. -
Performans ve Okunabilirlik:
document.write()
yaklaşımı büyük projelerde karmaşıklık yaratabilir ve okuması zor kodlar üretebilir.
Özet
document.write()
fonksiyonu, HTML belgesine metin veya HTML içeriği yazdırmanın en temel yollarından biridir. Günümüzde ise daha esnek ve güvenli alternatifler olduğu için genellikle öğrenme veya basit demonstrasyon amaçlarıyla kullanılmaktadır. Eğer dinamik içerik eklemeniz gerekiyorsa, DOM
manipülasyonu veya modern kütüphaneler kullanmanız tavsiye edilir.