Có chức năng in trong javascript không?

Question

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

Nội dung chính Show

JavaScript. Lời khuyên trong ngày
Thêm ví dụ
In nội dung văn bản
Web Technologies
Tìm thấy một vấn đề nội dung với trang này?
In bằng bảng điều khiển. phương thức log()
In cùng với tài liệu. viết phương pháp
In sử dụng cửa sổ. phương thức cảnh báo ()
In bằng cách thay đổi thuộc tính innerHTML của phần tử của bạn
print() trong JavaScript là gì?
Làm cách nào để in biểu mẫu trong JavaScript?
Làm cách nào để in trực tiếp tới máy in bằng JavaScript?
Làm cách nào để thêm nút in trong JavaScript?

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 onclick, 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)
Sự chỉ rõ
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
Bạn muốn tham gia nhiều hơn? 
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 <html dir="ltr" lang="end">
  <head>
    <meta charset="utf-8" />
    <title>New Tabtitle>
  head>
  <body>
    <h1>Welcome to the Interneth1>
  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 Tabtitle>
  head>
  <body>
    <h1>Welcome to the Interneth1>
  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 Tabtitle>
  head>
  <body>
    <h1>Welcome to the Interneth1>
  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 Tabtitle>
  head>
  <body>
    <h1>Welcome to the Interneth1>
  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 Tabtitle>
  head>
  <body>
    <h1>Welcome to the Interneth1>
  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
________số 8_______
Phương thức 
<html dir="ltr" lang="end">
  <head>
    <meta charset="utf-8" />
    <title>New Tabtitle>
  head>
  <body>
    <h1>Welcome to the Interneth1>
  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áp
Phương thức 
<html dir="ltr" lang="end">
  <head>
    <meta charset="utf-8" />
    <title>New Tabtitle>
  head>
  <body>
    <h1>Welcome to the Interneth1>
  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 Tabtitle>
  head>
  <body>
    <h1>Welcome to the Interneth1>
  body>
html>
7 của tài liệu HTML của bạn
Phươ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 Tabtitle>
  head>
  <body>
    <h1>Welcome to the Interneth1>
  body>
html>
7 của trang web của bạn
Ví 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 Tabtitle>
  head>
  <body>
    <h1>Welcome to the Interneth1>
  body>
html>
Khi bạn chạy lệnh 
<html dir="ltr" lang="end">
  <head>
    <meta charset="utf-8" />
    <title>New Tabtitle>
  head>
  <body>
    <h1>Welcome to the Interneth1>
  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ệt
In 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 Tabtitle>
  head>
  <body>
    <h1>Welcome to the Interneth1>
  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
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 Tabtitle>
  head>
  <body>
    <h1>Welcome to the Interneth1>
  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ệt
In 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 
<html dir="ltr" lang="end">
  <head>
    <meta charset="utf-8" />
    <title>New Tabtitle>
  head>
  <body>
    <h1>Welcome to the Interneth1>
  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 Interneth1>
  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 Tabtitle>
  head>
  <body>
    <h1>Welcome to the Interneth1>
  body>
html>
3 của nó như hình bên dưới
const 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!");
6
document.write("Hello World!");
7
document.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 Tabtitle>
  head>
  <body>
    <h1>Welcome to the Interneth1>
  body>
html>
3 và thay đổi đó sẽ được phản ánh trên trang trình duyệt của bạn
 
			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 . 
		
			Làm cách nào để in biểu mẫu trong JavaScript?
			JavaScript giúp bạn triển khai 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ổ . 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 hàm này trực tiếp bằng sự kiện onclick như trong ví dụ sau. 
		
			Làm cách nào để in trực tiếp tới máy in bằng JavaScript?
			Sử dụng phương thức Window print() 
 . Phương thức in in dữ liệu của cửa sổ hiện tại. Người dùng nhận được một hộp thoại in nơi họ có thể chọn các tùy chọn in cần thiết. Phương pháp in in hình ảnh, đồ họa, văn bản, số, tính toán, v.v. 
		
			Làm cách nào để thêm nút in trong JavaScript?
			Bạn có thể dễ dàng thêm nút in vào trang web của mình bằng cách thêm đoạn mã sau vào tài liệu HTML nơi bạn muốn nút xuất hiện.  . 
 onclick="cửa sổ. print();return false;" />
 in
 gõ="text/css" media="print" />
 cơ thể {khả năng hiển thị. ẩn giấu;}. in {khả năng hiển thị. dễ thấy;}

programming javascript

Có chức năng in trong javascript không?

JavaScript. Lời khuyên trong ngày

Thêm ví dụ

In nội dung văn bản

window.print() in Javascript

Web Technologies

In ảnh

Tìm thấy một vấn đề nội dung với trang này?

In bằng bảng điều khiển. phương thức log()

In cùng với tài liệu. viết phương pháp

In sử dụng cửa sổ. phương thức cảnh báo ()

In bằng cách thay đổi thuộc tính innerHTML của phần tử của bạn

print() trong JavaScript là gì?

Làm cách nào để in biểu mẫu trong JavaScript?

Làm cách nào để in trực tiếp tới máy in bằng JavaScript?

Làm cách nào để thêm nút in trong JavaScript?

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội