cửa sổ. in[]. Đối tượng window đại diện cho một cửa sổ chứa tài liệu DOM; . print[] được sử dụng để mở Hộp thoại In để in tài liệu hiện tại
Phiên bản ES6
function print_current_page[]
{
window.print[];
}
Bản thử trực tiếp
Xem ngày giờ hiện tại của Pen JavaScript - basic-ex-2 của w3resource [@w3resource] trên CodePen
Cải thiện giải pháp mẫu này và đăng mã của bạn qua Disqus
Trước. Viết chương trình JavaScript để hiển thị ngày giờ hiện tại theo một định dạng cụ thể
Kế tiếp. Viết chương trình JavaScript để lấy ngày hiện tại
Mức độ khó của bài tập này là gì?
Dễ dàng trung bình khóKiểm tra kỹ năng Lập trình của bạn với bài kiểm tra của w3resource
Theo dõi chúng tôi trên Facebook và Twitter để cập nhật thông tin mới nhất.
JavaScript. Lời khuyên trong ngày
Khởi tạo một mảng với các giá trị
Chúng ta có thể sử dụng hàm tạo Array với phương thức fill để tạo một mảng và điền vào đó các mục. Chẳng hạn, chúng ta có thể viết
Phương thức print[] tồn tại trên đối tượng cửa sổ chung của javascript, nó có thể truy cập được trên toàn cầu bên trong trình duyệt. Khi được gọi, nó sẽ in toàn bộ nội dung của trang web. Trình duyệt mở hộp thoại để in trang, nơi chúng ta có thể sử dụng các tùy chọn in như chúng ta có thể chọn máy in, lưu dưới dạng pdf và chúng ta có thể thay đổi các trang sẽ được in, v.v.
Thêm ví dụ
In nội dung văn bản
Trong ví dụ này, chúng tôi chỉ muốn in toàn bộ nội dung của trang web
window.print[] in Javascript
Web Technologies
HTML: Hypertext Markup Language, used to create the structure of webpages and it is the most basic and fundamental requirement to create a web page.
CSS: We can style our webpages with Cascading Style Sheets
Javascript: Javascript scripting Language is used to incorporate some functionality in the webpage so that user can interact with the page.
PHP: This is a server side scripting language, which is used to create servers which can respond to user request and interact with datbase to subsequently provide the response to user. The full form of PHP is Hypertext Preprocessor.
Print HTML Contentđầu ra
Giải trình
- Trong ví dụ này, chúng tôi đã tạo một tệp HTML, tệp này chứa một số nội dung HTML cũng như một tập lệnh nhỏ để viết chức năng javascript cần thiết
- Thẻ body chứa hai thẻ tiêu đề và một số nội dung liên quan đến công nghệ web
- Cuối cùng, có một nút mà chúng tôi đã cung cấp một chức năng cho thuộc tính sự kiện title, có nghĩa là chức năng này sẽ được thực thi trên sự kiện nhấp cho nút
- Hàm được xác định trong thẻ script được viết bên trong thẻ đầu
- Định nghĩa hàm khá đơn giản, nó chỉ chứa một câu lệnh duy nhất
- Chức năng gọi in trong javascript với đối tượng cửa sổ bắt đầu thực thi chức năng cơ bản và sau đó nó in nội dung của trang web
In ảnh
Nếu chúng tôi đưa hình ảnh vào HTML, chúng cũng sẽ được in vì chúng là một phần của nội dung HTML
Ngoài ra, vì nút chỉ được sử dụng để in và không có trong nội dung nên chúng tôi muốn xóa nó khỏi bản in thực tế
Nếu tài liệu vẫn đang tải khi chức năng này được gọi, thì tài liệu sẽ tải xong trước khi mở hộp thoại in
Phương pháp này sẽ chặn trong khi hộp thoại in đang mở
print[]
Không có
Không có [undefined
]
Bảng BCD chỉ tải trong trình duyệt có bật JavaScript. Bật JavaScript để xem dữ liệu
- in ấn
- sự kiện
beforeprint
- sự kiện
afterprint
Tìm thấy một vấn đề nội dung với trang này?
- Chỉnh sửa trang trên GitHub
- Báo cáo vấn đề nội dung
- Xem nguồn trên GitHub
Trang này được sửa đổi lần cuối vào ngày 13 tháng 9 năm 2022 bởi những người đóng góp MDN
Tùy thuộc vào nội dung bạn muốn in và nơi bạn chạy mã JavaScript, có một số cách để in bằng JavaScript
Khi bạn muốn in trang web hiện tại của trình duyệt, bạn có thể sử dụng phương pháp window.print[]
Phương thức window.print[]
sẽ in nội dung của tab hiện đang hoạt động trong trình duyệt của bạn
Bạn có thể chạy phương thức từ bảng điều khiển trình duyệt để in trang web bằng máy in của mình
Nhưng nếu bạn muốn in các giá trị và nội dung HTML bằng JavaScript, thì có một số cách để làm điều đó
- In ra bàn điều khiển bằng cách sử dụng
0New Tab Welcome to the Internet
- In ra giao diện trình duyệt bằng cách sử dụng
1New Tab Welcome to the Internet
- In ra hộp cảnh báo bằng phương pháp
2New Tab Welcome to the Internet
- In ra thẻ HTML bằng cách thay đổi giá trị thuộc tính
3New Tab Welcome to the Internet
Tiếp theo, hãy xem cách thực hiện từng phương pháp này
In bằng bảng điều khiển. phương thức log[]
Phương thức
New Tab
Welcome to the Internet
0 cho phép bạn in dữ liệu và giá trị JavaScript ra bảng điều khiểnĐiều này hữu ích khi bạn muốn kiểm tra giá trị của các biến bạn có trong mã JavaScript của mình như hình bên dưới
________số 8_______
Phương thức
New Tab
Welcome to the Internet
0 hướng dẫn bảng điều khiển JavaScript ghi nhật ký giá trị được truyền dưới dạng tham số của nóBảng điều khiển có sẵn trên cả trình duyệt và Node. máy chủ js
In cùng với tài liệu. viết phương pháp
Phương thức
New Tab
Welcome to the Internet
1 được sử dụng để ghi dữ liệu vào thẻ
New Tab
Welcome to the Internet
7 của tài liệu HTML của bạnPhương pháp này sẽ xóa tất cả dữ liệu được lưu trữ bên trong thẻ
New Tab
Welcome to the Internet
7 của trang web của bạnVí dụ: giả sử bạn có tài liệu HTML sau được hiển thị trong trình duyệt của mình
New Tab
Welcome to the Internet
Khi bạn chạy lệnh
New Tab
Welcome to the Internet
1 từ bảng điều khiển của trình duyệt, tài liệu HTML ở trên sẽ bị ghi đèChạy lệnh sau
document.write["Hello World!"];
Sẽ tạo ra đầu ra sau
Hello World!
Như bạn có thể thấy, tất cả các thuộc tính và thành phần được viết trước đó trong tài liệu đã bị xóa
Mô hình đối tượng
document.write["Hello World!"];
0 không có sẵn trong Nút. js, vì vậy bạn chỉ có thể sử dụng phương pháp này từ trình duyệtIn sử dụng cửa sổ. phương thức cảnh báo []
Phương thức
New Tab
Welcome to the Internet
2 được sử dụng để tạo hộp cảnh báo có sẵn trong trình duyệt nơi bạn chạy mãVí dụ: chạy mã bên dưới
window.alert["Hello World!"];
Sẽ tạo ra đầu ra sau
Cách in JavaScript bằng cửa sổ. báo động[]
Sử dụng phương pháp
New Tab
Welcome to the Internet
2, bạn có thể kiểm tra các biến và giá trị JavaScript của mình bằng hộp cảnh báo của trình duyệtIn bằng cách thay đổi thuộc tính innerHTML của phần tử của bạn
Bạn có thể in tới một phần tử HTML cụ thể có sẵn trên trang web của mình bằng cách thay đổi thuộc tính
New Tab
Welcome to the Internet
3 của phần tử đóVí dụ: giả sử bạn có tài liệu HTML sau
Welcome to the Internet
Bạn có thể chọn phần tử
document.write["Hello World!"];
4 ở trên bằng JavaScript và thay đổi thuộc tính
New Tab
Welcome to the Internet
3 của nó như hình bên dướiconst header = document.getElementById["greetings"];
header.innerHTML = "Hello World!";
Tài liệu HTML sẽ có những thay đổi sau
Hello World!
Trước tiên, bạn cần chọn phần tử HTML có trên trang của mình
Có một số phương pháp bạn có thể sử dụng để lấy phần tử HTML có trên trang trình duyệt của mình. Đây là một vài trong số họ
6document.write["Hello World!"];
7document.write["Hello World!"];
8document.write["Hello World!"];
Sau khi bạn nhận được phần tử, hãy thay đổi giá trị thuộc tính
New Tab
Welcome to the Internet
3 và thay đổi đó sẽ được phản ánh trên trang trình duyệt của bạn