JavaScript - การพิมพ์หน้า

หลายครั้งคุณต้องการวางปุ่มบนหน้าเว็บเพื่อพิมพ์เนื้อหาของหน้าเว็บนั้นผ่านเครื่องพิมพ์จริง JavaScript ช่วยให้คุณใช้ฟังก์ชันนี้โดยใช้ไฟล์print ฟังก์ชันของ window วัตถุ.

ฟังก์ชันการพิมพ์ JavaScript window.print()พิมพ์หน้าเว็บปัจจุบันเมื่อดำเนินการ คุณสามารถเรียกใช้ฟังก์ชันนี้ได้โดยตรงโดยใช้ไฟล์onclick เหตุการณ์ดังที่แสดงในตัวอย่างต่อไปนี้

ตัวอย่าง

ลองดูตัวอย่างต่อไปนี้

<html>
   <head>      
      <script type = "text/javascript">
         <!--
         //-->
      </script>
   </head>
   
   <body>      
      <form>
         <input type = "button" value = "Print" onclick = "window.print()" />
      </form>   
   </body>
<html>

เอาต์พุต

แม้ว่าจะมีจุดประสงค์เพื่อรับงานพิมพ์ แต่ก็ไม่ใช่วิธีที่แนะนำ หน้าที่เป็นมิตรกับเครื่องพิมพ์เป็นเพียงหน้าที่มีข้อความไม่มีรูปภาพกราฟิกหรือโฆษณา

คุณสามารถทำให้เครื่องพิมพ์หน้าเป็นมิตรได้ด้วยวิธีต่อไปนี้ -

  • ทำสำเนาหน้าและเว้นข้อความและกราฟิกที่ไม่ต้องการจากนั้นเชื่อมโยงไปยังหน้าที่เป็นมิตรกับเครื่องพิมพ์นั้นจากต้นฉบับ ตรวจสอบตัวอย่าง

  • หากคุณไม่ต้องการเก็บสำเนาเพิ่มเติมของหน้าคุณสามารถทำเครื่องหมายข้อความที่พิมพ์ได้โดยใช้ความคิดเห็นที่เหมาะสมเช่น <! - PRINT STARTS HERE -> ..... <! - พิมพ์จบที่นี่ -> จากนั้นคุณสามารถใช้ PERL หรือสคริปต์อื่น ๆ ในพื้นหลังเพื่อล้างข้อความที่พิมพ์ได้และแสดงสำหรับการพิมพ์ขั้นสุดท้าย พวกเราที่ Tutorialspoint ใช้วิธีนี้เพื่อจัดหาสิ่งอำนวยความสะดวกในการพิมพ์แก่ผู้เยี่ยมชมเว็บไซต์ของเรา

จะพิมพ์หน้าได้อย่างไร?

หากคุณไม่พบสิ่งอำนวยความสะดวกข้างต้นบนหน้าเว็บคุณสามารถใช้แถบเครื่องมือมาตรฐานของเบราว์เซอร์เพื่อพิมพ์หน้าเว็บ ตามลิงค์ดังนี้

File →  Print → Click OK  button.