Hướng dẫn how do i print a page in javascript? - làm cách nào để in một trang bằng javascript?

Nhiều lần 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 đó thông qua một máy in thực tế. JavaScript giúp bạn thực hiện chức năng này bằng cách sử dụng chức năng in của đối tượng cửa sổ.print function of window object.

Cửa sổ chức năng in JavaScript.print [] in trang web hiện tại khi được thực thi. Bạn có thể gọi chức năng này trực tiếp bằng sự kiện Onclick như được hiển thị trong ví dụ sau.window.print[] prints the current web page when executed. You can call this function directly using the title event as shown in the following example.

Thí dụ

Hãy thử ví dụ sau.

         
      
         
      
   
   
         
      
         
         
   

Đầu ra

Mặc dù nó phục vụ mục đích nhận được một bản in, nhưng nó không phải là một cách được khuyến nghị. Một trang thân thiện với máy in thực sự chỉ là một trang với 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ột máy in trang thân thân thiện với các cách sau -

  • Tạo một bản sao của trang và bỏ ra 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ừ bản 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 một trang, thì bạn có thể đánh dấu văn bản có thể in của mình bằng các nhận xét thích hợp như ..... 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 để thanh lọc văn bản có thể in và hiển thị cho in cuối cùng. Chúng tôi tại Hướng dẫn 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 cơ sở trên trên một trang web, thì bạn có thể sử dụng thanh công cụ tiêu chuẩn của trình duyệt để in trang web. Theo liên kết như sau.

File →  Print → Click OK  button.

Bạn có thể bỏ qua từ khóa

File →  Print → Click OK  button.
0.

Trong JavaScript, đối tượng cửa sổ là đối tượng phạm vi toàn cầu. Điều này có nghĩa là các biến, thuộc tính và phương thức theo mặc định thuộc về đối tượng cửa sổ. Điều này cũng có nghĩa là việc chỉ định từ khóa

File →  Print → Click OK  button.
0 là tùy chọn:
W3Schools is Powered by W3.CSS.

Khả năng hiển thị JavaScript

JavaScript có thể "hiển thị" dữ liệu theo những cách khác nhau:

  • Viết thành một phần tử HTML, sử dụng innerHTML.
  • Viết vào đầu ra HTML bằng document.write[].
  • Viết vào một hộp cảnh báo, sử dụng window.alert[].
  • Viết vào bảng điều khiển trình duyệt, sử dụng console.log[].

Sử dụng InternalHtml

Để truy cập phần tử HTML, JavaScript có thể sử dụng phương thức document.getElementById[id].

Thuộc tính id xác định phần tử HTML. Thuộc tính innerHTML xác định nội dung HTML:

Thí dụ

cảnh báo [5 + 6];

Trang web đầu tiên của tôi đoạn đầu tiên của tôi

My First Paragraph

cảnh báo [5 + 6];

Trang web đầu tiên của tôi đoạn đầu tiên của tôi
document.getElementById["demo"].innerHTML = 5 + 6;

document.getEuityById ["demo"]. Internhtml = 5 + 6;

Tảo web đầu tiên của tôi đoạn đầu tiên.

Hãy tự mình thử »

Sử dụng document.write []

Đối với mục đích thử nghiệm, thuận tiện để sử dụng document.write[]:

Thí dụ

cảnh báo [5 + 6];

Trang web đầu tiên của tôi đoạn đầu tiên của tôi.

My first paragraph.

Document.Write [5 + 6];
document.write[5 + 6];

document.getEuityById ["demo"]. Internhtml = 5 + 6;

Hãy tự mình thử »

Sử dụng document.write [] Sau khi tài liệu HTML được tải, sẽ xóa tất cả HTML hiện có:delete all existing HTML:

Thí dụ

document.getEuityById ["demo"]. Internhtml = 5 + 6;

Hãy tự mình thử »

My first paragraph.

Sử dụng document.write [] Sau khi tài liệu HTML được tải, sẽ xóa tất cả HTML hiện có:

document.getEuityById ["demo"]. Internhtml = 5 + 6;

Hãy tự mình thử »

Sử dụng document.write [] Sau khi tài liệu HTML được tải, sẽ xóa tất cả HTML hiện có:

Trang web đầu tiên của tôi đoạn đầu tiên của tôi.

Thử nó

Thí dụ

document.getEuityById ["demo"]. Internhtml = 5 + 6;

Hãy tự mình thử »

My first paragraph.

Sử dụng document.write [] Sau khi tài liệu HTML được tải, sẽ xóa tất cả HTML hiện có:
window.alert[5 + 6];

document.getEuityById ["demo"]. Internhtml = 5 + 6;

Hãy tự mình thử »

Sử dụng document.write [] Sau khi tài liệu HTML được tải, sẽ xóa tất cả HTML hiện có:

Trang web đầu tiên của tôi đoạn đầu tiên của tôi.

Thí dụ

document.getEuityById ["demo"]. Internhtml = 5 + 6;

Hãy tự mình thử »

My first paragraph.

Sử dụng document.write [] Sau khi tài liệu HTML được tải, sẽ xóa tất cả HTML hiện có:
alert[5 + 6];

document.getEuityById ["demo"]. Internhtml = 5 + 6;

Hãy tự mình thử »

Sử dụng document.write [] Sau khi tài liệu HTML được tải, sẽ xóa tất cả HTML hiện có:

Trang web đầu tiên của tôi đoạn đầu tiên của tôi.

Thử nó

Thí dụ

document.getEuityById ["demo"]. Internhtml = 5 + 6;

Hãy tự mình thử »
console.log[5 + 6];

document.getEuityById ["demo"]. Internhtml = 5 + 6;

Hãy tự mình thử »

Sử dụng document.write [] Sau khi tài liệu HTML được tải, sẽ xóa tất cả HTML hiện có:

Trang web đầu tiên của tôi đoạn đầu tiên của tôi.

Thử nó

Phương thức tài liệu.write [] chỉ nên được sử dụng để kiểm tra.

Thí dụ

cảnh báo [5 + 6];

Sử dụng window.alert []

document.getEuityById ["demo"]. Internhtml = 5 + 6;

Hãy tự mình thử »



Có một bản in trong JavaScript?

Trang in trong 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 in [] in nội dung của cửa sổ hiện tại. Về cơ bản, nó 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.. The print[] method prints the contents of the current window. It basically opens Print dialog box which lets you choose between various printing options.

Làm cách nào để in một trang HTML?

In một tài liệu HTML..
Mở một tài liệu trong trình soạn thảo HTML ..
Thực hiện một trong những điều sau đây: Trên menu chính, nhấp vào Tệp> In. Nhấn Ctrl+P. Tài liệu in khi nó xuất hiện trong trình soạn thảo HTML, không phải vì nó xuất hiện trong trình duyệt ..

Làm thế nào để bạn hiển thị một cái gì đó trong JavaScript?

Có bốn cách để hiển thị văn bản trong trình duyệt bằng JavaScript:..
Sử dụng tài liệu.Viết [] phương thức để ghi bên trong thẻ ..
Sử dụng tài liệu.phương thức truy vấnSelector [] để thay thế nội dung của một yếu tố cụ thể ..
Sử dụng bảng điều khiển.....
Sử dụng phương thức ALERT [] để ghi đầu ra văn bản vào hộp bật lên ..

Làm thế nào để bạn in một đối tượng trong JavaScript?

Phương thức Stringify [] được sử dụng để in đối tượng JavaScript.Json.Phương thức Stringify []: JSON.Phương thức Stringify [] được sử dụng để cho phép lấy một đối tượng hoặc mảng JavaScript và tạo chuỗi JSON từ nó.. JSON. stringify[] Method: The JSON. stringify[] method is used to allow to take a JavaScript object or Array and create a JSON string out of it.

Bài Viết Liên Quan

Chủ Đề