Thiết lập trang in JavaScript

Question

Phương thức in cửa sổ JavaScript ()

Nội dung chính Show

Sử dụng biểu định kiểu in
Sử dụng truy vấn phương tiện để cải thiện bố cục
Phát hiện yêu cầu in
Mở và tự động đóng cửa sổ bật lên khi hoàn tất
In một trang bên ngoài mà không cần mở nó
Làm cách nào để in trang bằng JavaScript?
Tôi có thể đặt cài đặt in cửa sổ bằng JavaScript không?
Làm cách nào để in một phần trang bằng JavaScript?
Làm cách nào để in cửa sổ bật lên bằng JavaScript?

Cải thiện bài viết

Lưu bài viết

Thích bài viết

Cập nhật lần cuối. 02 tháng 12 năm 2022

Đọc

Bàn luận

khóa học

Luyện tập

Băng hình

Cải thiện bài viết

Lưu bài viết

Phương thức in cửa sổ JavaScript () là một mã đơn giản trong JavaScript được sử dụng để in nội dung của các trang web.

Phương thức print() in nội dung của cửa sổ hiện hành
Về cơ bản, nó sẽ mở hộp thoại In cho phép bạn chọn giữa các tùy chọn in khác nhau

cú pháp.

window.print()

Thông số. Không có tham số được yêu cầu

Trả về. Hàm này không trả về bất cứ thứ gì
Mã Javascript sau hiển thị một nút in và sau đó nó hiển thị thuộc tính của trang web đó trong một trang tính mà bạn sẽ in trang đó.
Cửa sổ hàm in JavaScript. print() được sử dụng ở đây để thực hiện chức năng.

Thí dụ.

HTML

<______5>HI GEEKSFORGEEKS USER'Sh2>

<____10>

window.print();

2__<<1 <2<3<4 <5<3<7 <8<3h20 h21
h22____10>
đầu ra
 
Nhưng các trang web không chỉ giới hạn ở văn bản. Ngoài ra còn có những thứ khác trong các trang web như hình ảnh bao gồm các màu khác nhau, v.v. Việc in các trang như vậy có thể được thực hiện theo các 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 trang đó với trang thân thiện với máy in từ bản gốc. Điều này có nghĩa là toàn bộ trang sẽ được in như bạn đã xem trang đó, nó sẽ được in nguyên trạng mà không có bất kỳ thay đổi nào trong đó, nếu bạn thấy quảng cáo thì nó cũng sẽ được in trên đó
Nếu bạn không muốn giữ thêm một bản sao của trang, thì 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 nhận xét thích hợp là IN BẮT ĐẦU 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 được và hiển thị nó cho bản in cuối cùng. Điều này có nghĩa là phần đã chọn sẽ được in
Trình duyệt được hỗ trợ. Trình duyệt được hỗ trợ bởi Window print() Method được liệt kê bên dưới.  
Google Chrome 1 trở lên
Cạnh 12 trở lên
Internet Explorer 5 trở lên
Firefox 1 trở lên
Opera 6 trở lên
Safari 1. 1 trở lên
Chúng tôi có một Cheat Sheet về Javascript, nơi chúng tôi đề cập đến tất cả các chủ đề quan trọng của Javascript để kiểm tra những chủ đề đó, vui lòng xem qua
 Phương thức print() in nội dung của trang web hiện tại có thể bao gồm văn bản, hình ảnh, đồ họa, v.v. Nếu tài liệu vẫn đang tải trong khi chức năng này được gọi khi tài liệu kết thúc quá trình tải trước khi mở hộp thoại in. Phương pháp này bị chặn khi mở hộp thoại in
cú pháp.  
window.print();
Tham số. Phương thức này không nhận bất kỳ tham số nào
Giá trị trả về. Nó không trả về bất kỳ giá trị nào
Tiếp cận. Tạo một nút có sự kiện onClick được đính kèm với phương thức printpage() và nó sẽ được kích hoạt khi chúng tôi muốn in trang. Khi người dùng nhấp vào nút thì phương thức printpage() (trong thẻ script) sẽ được gọi, phương thức này có thể chứa một số mã giúp in trang. Sau đó, một hộp thoại sẽ xuất hiện chứa tùy chọn lưu tài liệu



Thí dụ. Ví dụ này mô tả việc sử dụng phương thức print() để in trang web hiện tại trong Javascript
 Có thể đôi khi trang web hoặc ứng dụng của bạn muốn cải thiện trải nghiệm của người dùng khi in nội dung. Có một số tình huống có thể xảy ra
Bạn muốn điều chỉnh bố cục để tận dụng kích thước và hình dạng của tờ giấy
Bạn muốn sử dụng các phong cách khác nhau để tăng cường sự xuất hiện của nội dung của bạn trên giấy
Bạn muốn sử dụng hình ảnh có độ phân giải cao hơn để có kết quả tốt hơn
Bạn muốn điều chỉnh trải nghiệm in của người dùng, chẳng hạn như trình bày phiên bản nội dung có định dạng đặc biệt trước khi bắt đầu in
Có thể có những trường hợp khác mà bạn muốn quản lý quy trình in, nhưng đây là một số trường hợp phổ biến nhất. Bài viết này cung cấp các mẹo và kỹ thuật để giúp nội dung web của bạn được in tốt hơn
Sử dụng biểu định kiểu in
Thêm phần sau vào thẻ 
<link href="/path/to/print.css" media="print" rel="stylesheet" />
8 của bạn
<link href="/path/to/print.css" media="print" rel="stylesheet" />
Sử dụng truy vấn phương tiện để cải thiện bố cục
Phát hiện yêu cầu in
Trình duyệt gửi các sự kiện 
<link href="/path/to/print.css" media="print" rel="stylesheet" />
9 và DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>JavaScript Window Close Exampletitle>
    <script>
      function popuponclick() {
        const my_window = window.open(
          "",
          "mywindow",
          "status=1,width=350,height=150"
        );
        my_window.document.write("Print Me");
        my_window.document.write('');
        my_window.document.write(
          "When you print this window, it will close afterward.
"
        );
        my_window.document.write("");
}
script>
head>
<body>
<p>
To try out the <code>afterprintcode> event, click the link below to open
the window to print. You can also try changing the code to use
<code>beforeprintcode> to see the difference.
p>
<p><a href="javascript: popuponclick()">Open Popup Windowa>p>
body>
html>
0 để nội dung xác định thời điểm in có thể đã xảy ra. Bạn có thể sử dụng điều này để điều chỉnh giao diện người dùng được trình bày trong quá trình in (chẳng hạn như bằng cách hiển thị hoặc ẩn các thành phần giao diện người dùng trong quá trình in)
ví dụ
Dưới đây là một số ví dụ phổ biến
Mở và tự động đóng cửa sổ bật lên khi hoàn tất
Nếu bạn muốn có thể tự động đóng cửa sổ bật lên (ví dụ: phiên bản tài liệu thân thiện với máy in) sau khi người dùng in nội dung của nó, bạn có thể sử dụng mã như sau
DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>JavaScript Window Close Exampletitle>
    <script>
      function popuponclick() {
        const my_window = window.open(
          "",
          "mywindow",
          "status=1,width=350,height=150"
        );
        my_window.document.write("Print Me");
        my_window.document.write('');
        my_window.document.write(
          "When you print this window, it will close afterward.
"
        );
        my_window.document.write("");
      }
    script>
  head>
  <body>
    <p>
      To try out the <code>afterprintcode> event, click the link below to open
      the window to print. You can also try changing the code to use
      <code>beforeprintcode> to see the difference.
    p>
    <p><a href="javascript: popuponclick()">Open Popup Windowa>p>
  body>
html>
Xem ví dụ trực tiếp
In một trang bên ngoài mà không cần mở nó
Nếu bạn muốn có thể in một trang bên ngoài mà không cần mở nó, bạn có thể sử dụng một 
DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>JavaScript Window Close Exampletitle>
    <script>
      function popuponclick() {
        const my_window = window.open(
          "",
          "mywindow",
          "status=1,width=350,height=150"
        );
        my_window.document.write("Print Me");
        my_window.document.write('');
        my_window.document.write(
          "When you print this window, it will close afterward.
"
        );
        my_window.document.write("");
      }
    script>
  head>
  <body>
    <p>
      To try out the <code>afterprintcode> event, click the link below to open
      the window to print. You can also try changing the code to use
      <code>beforeprintcode> to see the difference.
    p>
    <p><a href="javascript: popuponclick()">Open Popup Windowa>p>
  body>
html>
1 ẩn (xem. HTMLIFrameElement), tự động xóa nó sau khi người dùng in nội dung của nó. Sau đây là một ví dụ có thể sẽ in một tệp có tên DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>JavaScript Window Close Exampletitle>
    <script>
      function popuponclick() {
        const my_window = window.open(
          "",
          "mywindow",
          "status=1,width=350,height=150"
        );
        my_window.document.write("Print Me");
        my_window.document.write('');
        my_window.document.write(
          "When you print this window, it will close afterward.
"
        );
        my_window.document.write("");
      }
    script>
  head>
  <body>
    <p>
      To try out the <code>afterprintcode> event, click the link below to open
      the window to print. You can also try changing the code to use
      <code>beforeprintcode> to see the difference.
    p>
    <p><a href="javascript: popuponclick()">Open Popup Windowa>p>
  body>
html>
2
 
Làm cách nào để in trang bằng JavaScript?
Sử dụng phương thức Window print()
. Phương thức in in dữ liệu của cửa sổ hiện tại. Người dùng nhận được một hộp thoại in nơi họ có thể chọn các tùy chọn in cần thiết. Phương pháp in in hình ảnh, đồ họa, văn bản, số, tính toán, v.v. 
Tôi có thể đặt cài đặt in cửa sổ bằng JavaScript không?
Một câu hỏi phổ biến là cách kiểm soát cài đặt máy in của người dùng bằng Javascript. Câu trả lời phổ biến là bạn không thể . Javascript không được thiết kế để kiểm soát phần cứng máy tính. 
Làm cách nào để in một phần trang bằng JavaScript?
Bạn có thể sử dụng chức năng này để in một khu vực cụ thể của trang web hoặc toàn bộ nội dung trang web. Sử dụng hàm printPageArea() trong sự kiện onclick của thành phần nút in và cung cấp ID div của khu vực nội dung mà bạn muốn in . 
Làm cách nào để in cửa sổ bật lên bằng JavaScript?
Cách tiếp cận.  . 
 Sử dụng Sự kiện tải DOM trong thẻ body
 Sử dụng phương pháp cảnh báo cửa sổ cho hộp thoại bật lên và cửa sổ. in để in tài liệu

programming javascript

Thiết lập trang in JavaScript

HTML

Sử dụng biểu định kiểu in

Sử dụng truy vấn phương tiện để cải thiện bố cục

Phát hiện yêu cầu in

ví dụ

Mở và tự động đóng cửa sổ bật lên khi hoàn tất

In một trang bên ngoài mà không cần mở nó

Làm cách nào để in trang bằng JavaScript?

Tôi có thể đặt cài đặt in cửa sổ bằng JavaScript không?

Làm cách nào để in một phần trang bằng JavaScript?

Làm cách nào để in cửa sổ bật lên bằng JavaScript?

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội