Bu bölümde JavaScript dilinde print() metodunu tartışacağız. A Yazdır() Bu yöntem, bilgisayar ekranında o anda görünen web sayfası, metin, resim vb. içeriklerin yazdırılması için kullanılır. Bir kullandığımızda Yazdır() yöntem JavaScript ve kodu çalıştırdığınızda, kullanıcının veya programcının pencerenin geçerli içeriğini yazdırmak için uygun bir seçeneği seçmesine olanak tanıyan bir yazdırma iletişim kutusu açılır.
Sözdizimi
Pencerenin geçerli içeriğini yazdırmak için aşağıdaki sözdizimi kullanılır:
window.print()
Yukarıdaki sözdiziminde, pencere ekranının o anda görünen içeriğini yazdıran window.print() yöntemini kullanıyoruz.
Parametreler : Herhangi bir parametre içermez.
İadeler : window.print() yöntemi hiçbir şey döndürmez.
print() yönteminin desteklenen Tarayıcısı
Window.print() yöntemini destekleyen tarayıcılar aşağıdadır.
- Google Chrome
- İnternet Explorer
- Ocak kutusu
- Opera
- Safari
Örnek 1: Print() yöntemini kullanarak bir web sayfasını yazdıran program
Bu programda, pencere ekranında mevcut görünür içeriği yazdıran window.print() yöntemini kullanıyoruz.
baskı.html
linux dizinini yeniden adlandır
Use print() method in JavaScript <h2> Program to print the Current Content of the window using print() method </h2> <br> <br> <p> As the name suggests, the print () method is used to print the contents of the current window. When we use a print () method, it opens the print dialog box, which allows the user or programmer to select an appropriate option for printing the current content of the window. </p>
Yukarıdaki programlama kodunu herhangi bir tarayıcıda çalıştırdığımızda aşağıdaki görüntüyü görüntüler:
Yukarıdaki görselde bir Yazdır düğme. Şimdi Yazdır butonuna tıklıyoruz, aşağıda gösterildiği gibi pencere ekranının mevcut görsel içeriğini içeren bir yazdırma iletişim kutusu açılıyor.
Örnek 2: Öğrenci Kayıt Formunu print() yöntemini kullanarak yazdıran program
Bu programda öğrenci kayıt formunu oluşturup window,print() metodunu kullanarak yazdırıyoruz.
Öğrenci.html
html'den bir js işlevi çağırmak
Print Student Registration Form function printFun() { window.print(); } /* Create the Outer layout of the Calculator. */ .formstyle { width: 400px; height: 400px; margin: 20px auto; border: 3px solid skyblue; border-radius: 5px; padding: 20px; text-align: center; background-color: lightgreen; } /* Display top horizontal bar that contain some information. */ h1 { text-align: center; padding: 23px; background-color: skyblue; color: white; } *{ margin: 0; padding: 0; } <div class="formstyle" <br> Student Registration Form: First name <br> <br> Last name <br> <br> Father name <br> <br> Mother name <br> <br> Gender: Male Female <br> <br> Address <br> <br> Email <br> <br> Password: <br> <br> <br> <br> <br> </div> Yukarıdaki programlama kodunu herhangi bir tarayıcıda çalıştırdığımızda aşağıdaki görüntüyü görüntüler:
Şimdi öğrenci kayıt formunun tüm detaylarını doldurup aşağıdaki görseli gösteren Yazdır butonuna tıklıyoruz.
Yazdır düğmesine tıkladıktan sonra, yazıcının farklı işlemleri gösterilir. pencere.baskı yöntem. Yazdır iletişim kutusundaki tüm ayarları tamamladıktan sonra dosyayı veya sayfayı sisteminize kaydetmek için Kaydet düğmesine tıklayın.
Kodun açıklaması: Yukarıdaki programda öğrenci kayıt formu oluşturduk ve bu formda Reset ve Print butonu olmak üzere iki buton bulunmaktadır. Sıfırla düğmesi içeriği sıfırlamak için kullanılır ve Yazdır düğmesi görüntülenen içeriği yazdırmak için kullanılır. Yazdır düğmesine tıkladığımızda, onclick işlevi etkinleşecek ve PrintFun() işlevini çağıracaktır. Artık pencere ekranında görüntülenen içeriği yazdırmak için window.print() yöntemini içeren PrintFun() işlevi yürütülür.
Çözüm:
JavaScript'te pencere ekranının içeriğini yazdıran print() yöntemini öğrendik. Pencere ekranının içeriği metin, resim, reklam vb. olabilir. Ayrıca, JavaScript'te bir print() yöntemi çağrıldığında, yazdırma iletişim kutusunu açar. Böylece kullanıcı veya programcı, pencere ekranında görüntülenen içeriği yazdırmak için uygun seçeneği seçebilir.