In HTML JavaScript
|
Trong phần này, chúng ta sẽ thảo luận về phương thức print() trong ngôn ngữ JavaScript. Phương thức print() được sử dụng để in các nội dung đang hiển thị như trang web, văn bản, hình ảnh, v.v. , trên màn hình máy tính. Khi chúng ta sử dụng phương thức print() trong JavaScript và thực thi mã, nó sẽ mở hộp thoại in cho phép người dùng hoặc lập trình viên chọn một tùy chọn thích hợp để in nội dung hiện tại của cửa sổ Show
cú phápCú pháp sau đây được sử dụng để in nội dung hiện tại của cửa sổ Trong cú pháp trên, chúng tôi sử dụng cửa sổ. phương thức print() in nội dung đang hiển thị của màn hình cửa sổ Thông số. Nó không chứa bất kỳ tham số nào trả lại. Cửa sổ. phương thức print() không trả về bất cứ thứ gì Trình duyệt được hỗ trợ của phương thức print()Sau đây là các trình duyệt hỗ trợ window. phương thức in()
ví dụ 1. Chương trình in trang web bằng phương thức print()Trong chương trình này, chúng tôi đang sử dụng một cửa sổ. phương thức print() in nội dung hiển thị hiện tại trên màn hình cửa sổ in. html Khi chúng tôi thực thi mã lập trình trên trên bất kỳ trình duyệt nào, nó sẽ hiển thị hình ảnh bên dưới Trong hình trên có nút Print. Bây giờ chúng ta bấm vào nút Print, nó sẽ mở ra hộp thoại in với nội dung trực quan hiện tại của màn hình cửa sổ, như hình bên dưới ví dụ 2. Chương trình in Phiếu đăng ký học sinh bằng phương thức print()Trong chương trình này, chúng tôi tạo một mẫu đăng ký sinh viên và sau đó in nó bằng phương thức window,print() Học sinh. html Khi chúng tôi thực thi mã lập trình trên trên bất kỳ trình duyệt nào, nó sẽ hiển thị hình ảnh bên dưới Bây giờ chúng tôi điền vào tất cả các chi tiết của mẫu đăng ký sinh viên và nhấp vào nút In, hiển thị hình ảnh bên dưới Sau khi nhấp vào nút In, nó hiển thị các thao tác khác nhau của cửa sổ. phương pháp in. Khi chúng tôi đã hoàn tất tất cả các cài đặt trong hộp thoại In, hãy nhấp vào nút Lưu để lưu tệp hoặc trang trong hệ thống của bạn Giải thích mã. Trong chương trình trên ta đã tạo một form đăng ký học sinh, form này có 2 nút Reset và nút Print. Nút Reset dùng để đặt lại nội dung, nút Print dùng để in nội dung hiển thị. Khi ta click vào nút Print thì một hàm onclick sẽ kích hoạt và gọi hàm PrintFun(). Bây giờ chức năng PrintFun() được thực thi có chứa cửa sổ. Phương thức print() để in nội dung hiển thị ra màn hình cửa sổ Phần kết luậnChúng ta đã học về phương thức print() trong JavaScript để in nội dung của màn hình cửa sổ. Trường hợp nội dung của màn hình cửa sổ có thể là văn bản, hình ảnh, quảng cáo, v.v. Hơn nữa, khi một phương thức print() được gọi trong JavaScript, nó sẽ mở hộp thoại in. Nhờ đó, người dùng hoặc lập trình viên có thể chọn tùy chọn phù hợp để in nội dung hiển thị trên màn hình cửa sổ Để in nội dung của div trong JavaScript, trước tiên hãy lưu trữ nội dung của div trong một biến JavaScript và sau đó nhấp vào nút in. Nội dung của phần tử div HTML sẽ được trích xuất. Sau đó, một cửa sổ bật lên JavaScript được tạo và nội dung được trích xuất của các phần tử div HTML được ghi vào cửa sổ bật lên và cuối cùng cửa sổ được in bằng lệnh In cửa sổ JavaScript. ví dụ 1. Ví dụ này sử dụng lệnh in cửa sổ JavaScript để in nội dung của phần tử div. html
đầu ra 
ví dụ 2. Ví dụ này sử dụng lệnh in cửa sổ JavaScript để in nội dung của phần tử div. html
đầu ra
JavaScript được biết đến nhiều nhất để phát triển trang web nhưng nó cũng được sử dụng trong nhiều môi trường không có trình duyệt. Bạn có thể học JavaScript từ đầu bằng cách làm theo Hướng dẫn JavaScript và Ví dụ về JavaScript này Làm cách nào để in trang HTML bằng JavaScript?JavaScript không có bất kỳ đối tượng in hoặc phương thức in nào. Bạn không thể truy cập các thiết bị đầu ra từ JavaScript. Ngoại lệ duy nhất là bạn có thể gọi cửa sổ. print() trong trình duyệt để in nội dung của cửa sổ hiện tại .
Làm cách nào để in một tệp HTML?In tài liệu HTML . Mở tài liệu trong trình soạn thảo HTML làm một điều trong số sau đây. Trên menu chính, nhấp vào Tệp > In. Nhấn CTRL+P. Tài liệu được in khi nó xuất hiện trong trình soạn thảo HTML, KHÔNG phải khi nó xuất hiện trong trình duyệt Làm cách nào để in trực tiếp bằng JavaScript?Chỉ cần gọi print() .
print() trong JavaScript là gì?Trong phần này, chúng ta sẽ thảo luận về phương thức print() trong ngôn ngữ JavaScript. Phương thức print() được dùng để in các nội dung đang hiển thị như trang web, văn bản, hình ảnh, v.v. , trên màn hình máy tính . |
