JavaScript - In trang

Nhiều khi bạn muốn đặt một nút trên trang web của mình để in nội dung của trang web đó qua một máy in thực tế. JavaScript giúp bạn triển khai chức năng này bằng cách sử dụngprint chức năng của window vật.

Hàm in JavaScript window.print()in trang web hiện tại khi được thực thi. Bạn có thể gọi hàm này trực tiếp bằng cách sử dụngonclick sự kiện như trong ví dụ sau.

Thí dụ

Hãy thử ví dụ sau.

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

Đầu ra

Mặc dù nó phục vụ mục đích nhận được bản in, nhưng đó không phải là cách được khuyến khích. Một trang thân thiện với máy in thực sự chỉ là một trang có văn bản, không có hình ảnh, đồ họa hoặc quảng cáo.

Bạn có thể làm cho máy in trang trở nên thân thiện theo những cách sau:

  • Tạo một bản sao của trang và loại bỏ văn bản và đồ họa không mong muốn, sau đó liên kết đến trang thân thiện với máy in đó từ trang gốc. Kiểm tra Ví dụ .

  • Nếu bạn không muốn giữ thêm một bản sao của trang, bạn có thể đánh dấu văn bản có thể in của mình bằng cách sử dụng các chú thích thích hợp như <! - IN SAO TẠI ĐÂY -> ..... <! - IN KẾT THÚC TẠI ĐÂY -> và sau đó, bạn có thể sử dụng PERL hoặc bất kỳ tập lệnh nào khác trong nền để lọc văn bản có thể in và hiển thị cho lần in cuối cùng. Chúng tôi tại Tutorialspoint sử dụng phương pháp này để cung cấp cơ sở in cho khách truy cập trang web của chúng tôi.

Làm thế nào để in một trang?

Nếu bạn không tìm thấy các tiện ích trên trên một trang web, thì bạn có thể sử dụng thanh công cụ chuẩn của trình duyệt để in trang web. Theo liên kết như sau.

File →  Print → Click OK  button.