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ử »