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ổ
cú pháp
Cú 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[]
- Google Chrome
- trình duyệt web IE
- hộp cứu hỏa
- Ô-pê-ra
- Cuộc đi săn
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 title 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ận
Chú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
7 >8>9 0 1>4
html7 4
html7 6_______3_______7 8html3_______4
html7