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
<html dir="ltr" lang="end">
<head>
<meta charset="utf-8" />
<title>New Tab</title>
</head>
<body>
<h1>Welcome to the Internet</h1>
</body>
</html>
0 - In ra giao diện trình duyệt bằng cách sử dụng
<html dir="ltr" lang="end">
<head>
<meta charset="utf-8" />
<title>New Tab</title>
</head>
<body>
<h1>Welcome to the Internet</h1>
</body>
</html>
1 - In ra hộp cảnh báo bằng phương pháp
<html dir="ltr" lang="end">
<head>
<meta charset="utf-8" />
<title>New Tab</title>
</head>
<body>
<h1>Welcome to the Internet</h1>
</body>
</html>
2 - In ra thẻ HTML bằng cách thay đổi giá trị thuộc tính
<html dir="ltr" lang="end">
<head>
<meta charset="utf-8" />
<title>New Tab</title>
</head>
<body>
<h1>Welcome to the Internet</h1>
</body>
</html>
3
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 <html dir="ltr" lang="end">
<head>
<meta charset="utf-8" />
<title>New Tab</title>
</head>
<body>
<h1>Welcome to the Internet</h1>
</body>
</html>
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 let name = "Nathan";
console.log(name);
// prints: Nathan
Phương thức <html dir="ltr" lang="end">
<head>
<meta charset="utf-8" />
<title>New Tab</title>
</head>
<body>
<h1>Welcome to the Internet</h1>
</body>
</html>
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ápPhương thức <html dir="ltr" lang="end">
<head>
<meta charset="utf-8" />
<title>New Tab</title>
</head>
<body>
<h1>Welcome to the Internet</h1>
</body>
</html>
1 được sử dụng để ghi dữ liệu vào thẻ <html dir="ltr" lang="end">
<head>
<meta charset="utf-8" />
<title>New Tab</title>
</head>
<body>
<h1>Welcome to the Internet</h1>
</body>
</html>
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ẻ <html dir="ltr" lang="end">
<head>
<meta charset="utf-8" />
<title>New Tab</title>
</head>
<body>
<h1>Welcome to the Internet</h1>
</body>
</html>
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 <html dir="ltr" lang="end">
<head>
<meta charset="utf-8" />
<title>New Tab</title>
</head>
<body>
<h1>Welcome to the Internet</h1>
</body>
</html>
Khi bạn chạy lệnh <html dir="ltr" lang="end">
<head>
<meta charset="utf-8" />
<title>New Tab</title>
</head>
<body>
<h1>Welcome to the Internet</h1>
</body>
</html>
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 <html>
<head></head>
<body>
Hello World!
</body>
</html>
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 <html dir="ltr" lang="end">
<head>
<meta charset="utf-8" />
<title>New Tab</title>
</head>
<body>
<h1>Welcome to the Internet</h1>
</body>
</html>
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 ![How to print JavaScript with window.alert()]() Cách in JavaScript bằng cửa sổ. báo động()
Sử dụng phương pháp <html dir="ltr" lang="end">
<head>
<meta charset="utf-8" />
<title>New Tab</title>
</head>
<body>
<h1>Welcome to the Internet</h1>
</body>
</html>
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ạnBạ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 <html dir="ltr" lang="end">
<head>
<meta charset="utf-8" />
<title>New Tab</title>
</head>
<body>
<h1>Welcome to the Internet</h1>
</body>
</html>
3 của phần tử đóVí dụ: giả sử bạn có tài liệu HTML sau <html>
<body>
<h1 id="greetings">Welcome to the Internet</h1>
</body>
</html>
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 <html dir="ltr" lang="end">
<head>
<meta charset="utf-8" />
<title>New Tab</title>
</head>
<body>
<h1>Welcome to the Internet</h1>
</body>
</html>
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 <html>
<body>
<h1 id="greetings">Hello World!</h1>
</body>
</html>
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ọ document.write("Hello World!");
6document.write("Hello World!");
7document.write("Hello World!");
8
Sau khi bạn nhận được phần tử, hãy thay đổi giá trị thuộc tính <html dir="ltr" lang="end">
<head>
<meta charset="utf-8" />
<title>New Tab</title>
</head>
<body>
<h1>Welcome to the Internet</h1>
</body>
</html>
3 và thay đổi đó sẽ được phản ánh trên trang trình duyệt của bạn
Làm cách nào để hiển thị đầu ra trong JavaScript?
JavaScript có thể "hiển thị" dữ liệu theo nhiều cách khác nhau. . Viết vào hộp cảnh báo, sử dụng cửa sổ. báo động() Viết vào đầu ra HTML bằng tài liệu. viết() Viết vào phần tử HTML, sử dụng InternalHTML Viết vào bảng điều khiển trình duyệt, sử dụng bảng điều khiển. nhật ký() Làm cách nào để mở cửa sổ in trong JavaScript?
Phương thức print() in nội dung của cửa sổ hiện tại. Phương thức print() mở Hộp thoại In, cho phép người dùng chọn các tùy chọn in ưa thích. | 
