Hướng dẫn how do i print something in javascript? - làm cách nào để in nội dung nào đó bằng javascript?

Question

Khả năng hiển thị JavaScript

JavaScript có thể "hiển thị" dữ liệu theo những cách khác nhau:

Nội dung chính Show

Khả năng hiển thị JavaScript
Sử dụng InternalHtml
Thay đổi thuộc tính bên trong của phần tử HTML là một cách phổ biến để hiển thị dữ liệu trong HTML.
My First Web Page
Thay đổi thuộc tính bên trong của phần tử HTML là một cách phổ biến để hiển thị dữ liệu trong HTML.
My First Web Page
My First Web Page
Hãy tự mình thử »
Hãy tự mình thử »
In bằng phương thức Console.log ()
In bằng phương thức tài liệu.write ()
In bằng phương thức Window.alert ()
Mô hình đối tượng <html> <head></head> <body> Hello World! </body> </html> 2 không có sẵn trong máy chủ Node.js, vì vậy bạn chỉ có thể sử dụng phương thức này từ trình duyệt.
Lệnh nào được sử dụng để in trong JavaScript?
Đầu ra in trong JavaScript là gì?

Viết thành một phần tử HTML, sử dụng innerHTML.
Viết vào đầu ra HTML bằng document.write().

Viết vào một hộp cảnh báo, sử dụng

<html dir="ltr" lang="end">
  <head>
    <meta charset="utf-8" />
    <title>New Tab</title>
  </head>
  <body>
    <h2>Welcome to the Internet</h2>
  </body>
</html>

0.

Viết vào bảng điều khiển trình duyệt, sử dụng

<html dir="ltr" lang="end">
  <head>
    <meta charset="utf-8" />
    <title>New Tab</title>
  </head>
  <body>
    <h2>Welcome to the Internet</h2>
  </body>
</html>

1.

Sử dụng InternalHtml

Để truy cập phần tử HTML, JavaScript có thể sử dụng phương thức

<html dir="ltr" lang="end">
  <head>
    <meta charset="utf-8" />
    <title>New Tab</title>
  </head>
  <body>
    <h2>Welcome to the Internet</h2>
  </body>
</html>

2.

Thuộc tính

<html dir="ltr" lang="end">
  <head>
    <meta charset="utf-8" />
    <title>New Tab</title>
  </head>
  <body>
    <h2>Welcome to the Internet</h2>
  </body>
</html>

3 xác định phần tử HTML. Thuộc tính innerHTML xác định nội dung HTML:

Thí dụ

Trang web đầu tiên của tôi đoạn đầu tiên của tôi

My First Paragraph

Trang web đầu tiên của tôi đoạn đầu tiên của tôi
document.getElementById("demo").innerHTML = 5 + 6;

document.getEuityById ("demo"). Internhtml = 5 + 6;

Try it Yourself »

Hãy tự mình thử »

Thay đổi thuộc tính bên trong của phần tử HTML là một cách phổ biến để hiển thị dữ liệu trong HTML.

Sử dụng document.write ()

Thí dụ

Trang web đầu tiên của tôi đoạn đầu tiên của tôi

My first paragraph.

document.getEuityById ("demo"). Internhtml = 5 + 6;
document.write(5 + 6);

document.getEuityById ("demo"). Internhtml = 5 + 6;

Try it Yourself »

Hãy tự mình thử »delete all existing HTML:

Thí dụ

document.getEuityById ("demo"). Internhtml = 5 + 6;

My First Web Page

My first paragraph.

Hãy tự mình thử »

document.getEuityById ("demo"). Internhtml = 5 + 6;

Try it Yourself »

Hãy tự mình thử »

Thay đổi thuộc tính bên trong của phần tử HTML là một cách phổ biến để hiển thị dữ liệu trong HTML.

Sử dụng document.write ()

Thí dụ

document.getEuityById ("demo"). Internhtml = 5 + 6;

My First Web Page

My first paragraph.

Hãy tự mình thử »
window.alert(5 + 6);

document.getEuityById ("demo"). Internhtml = 5 + 6;

Try it Yourself »

Hãy tự mình thử »

Thay đổi thuộc tính bên trong của phần tử HTML là một cách phổ biến để hiển thị dữ liệu trong HTML.

Thí dụ

document.getEuityById ("demo"). Internhtml = 5 + 6;

My First Web Page

My first paragraph.

Hãy tự mình thử »
alert(5 + 6);

document.getEuityById ("demo"). Internhtml = 5 + 6;

Try it Yourself »

Hãy tự mình thử »

Thay đổi thuộc tính bên trong của phần tử HTML là một cách phổ biến để hiển thị dữ liệu trong HTML.

Sử dụng document.write ()

Thí dụ

document.getEuityById ("demo"). Internhtml = 5 + 6;

Try it Yourself »

Hãy tự mình thử »

Thay đổi thuộc tính bên trong của phần tử HTML là một cách phổ biến để hiển thị dữ liệu trong HTML.

Sử dụng document.write ()

Đối với mục đích thử nghiệm, thuận tiện khi sử dụng document.write():

Thí dụ

Trang web đầu tiên của tôi đoạn đầu tiên của tôi

document.getEuityById ("demo"). Internhtml = 5 + 6;

Try it Yourself »

W3Schools được tối ưu hóa cho việc học và đào tạo. Ví dụ có thể được đơn giản hóa để cải thiện việc đọc và học tập. Hướng dẫn, tài liệu tham khảo và ví dụ được xem xét liên tục để tránh lỗi, nhưng chúng tôi không thể đảm bảo tính chính xác đầy đủ của tất cả các nội dung. Trong khi sử dụng W3Schools, bạn đồng ý đã đọc và chấp nhận các điều khoản sử dụng, cookie và chính sách bảo mật của chúng tôi.

Bản quyền 1999-2022 bởi dữ liệu refsnes. Đã đăng ký Bản quyền. W3Schools được cung cấp bởi W3.CSS.
W3Schools is Powered by W3.CSS.

Ảnh từ Unplash

Tùy thuộc vào những gì bạn muốn in và nơi bạn chạy mã JavaScript, có một số cách để in trong 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 thức

<html dir="ltr" lang="end">
  <head>
    <meta charset="utf-8" />
    <title>New Tab</title>
  </head>
  <body>
    <h2>Welcome to the Internet</h2>
  </body>
</html>

9.

Phương thức

<html dir="ltr" lang="end">
  <head>
    <meta charset="utf-8" />
    <title>New Tab</title>
  </head>
  <body>
    <h2>Welcome to the Internet</h2>
  </body>
</html>

9 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 bạn.

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 vào bảng đ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>
    <h2>Welcome to the Internet</h2>
  </body>
</html>

1

In giao diện trình duyệt bằng cách sử dụng document.write()

In vào 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>
    <h2>Welcome to the Internet</h2>
  </body>
</html>

0

In vào thẻ HTML bằng cách thay đổi giá trị thuộc tính innerHTML

Hãy cùng xem cách thực hiện mỗi một trong những phương pháp này tiếp theo.

In bằng phương thức Console.log ()

Phương thức

<html dir="ltr" lang="end">
  <head>
    <meta charset="utf-8" />
    <title>New Tab</title>
  </head>
  <body>
    <h2>Welcome to the Internet</h2>
  </body>
</html>

1 cho phép bạn in dữ liệu và giá trị JavaScript vào bảng điều khiển.

Điều này rất 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 như được hiển thị 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>
    <h2>Welcome to the Internet</h2>
  </body>
</html>

1 hướng dẫn bảng điều khiển JavaScript để ghi lại giá trị được truyền dưới dạng tham số của nó.

Bảng điều khiển có sẵn cả trên trình duyệt và máy chủ Node.js.

In bằng phương thức tài liệu.write ()

Phương thức document.write() được sử dụng để ghi dữ liệu vào thẻ

document.write("Hello World!");

9 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ẻ

document.write("Hello World!");

9 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 bạn:

<html dir="ltr" lang="end">
  <head>
    <meta charset="utf-8" />
    <title>New Tab</title>
  </head>
  <body>
    <h2>Welcome to the Internet</h2>
  </body>
</html>

Khi bạn chạy lệnh document.write() từ bảng điều khiển 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à yếu tố được viết trước đây trong tài liệu đã bị xóa.

Mô hình đối tượng

<html>
  <head></head>
  <body>
    Hello World!
  </body>
</html>

2 không có sẵn trong máy chủ Node.js, vì vậy bạn chỉ có thể sử dụng phương thức này từ trình duyệt.

In bằng phương thức Window.alert ()

Phương thức

<html dir="ltr" lang="end">
  <head>
    <meta charset="utf-8" />
    <title>New Tab</title>
  </head>
  <body>
    <h2>Welcome to the Internet</h2>
  </body>
</html>

0 được sử dụng để tạo một 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:

Như bạn có thể thấy, tất cả các thuộc tính và yếu tố được viết trước đây trong tài liệu đã bị xóa.

Mô hình đối tượng <html> <head></head> <body> Hello World! </body> </html> 2 không có sẵn trong máy chủ Node.js, vì vậy bạn chỉ có thể sử dụng phương thức này từ trình duyệt.

Bạn có thể in vào 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 innerHTML của phần tử đó.

Ví dụ: giả sử bạn có tài liệu HTML sau:

<html>
  <body>
    <h2 id="greetings">Welcome to the Internet</h2>
  </body>
</html>

Bạn có thể chọn phần tử

<html>
  <head></head>
  <body>
    Hello World!
  </body>
</html>

6 ở trên bằng cách sử dụng JavaScript và thay đổi thuộc tính innerHTML của nó như được hiển thị bên dưới:

const header = document.getElementById("greetings");
header.innerHTML = "Hello World!";

Tài liệu HTML sẽ có các thay đổi sau:

<html>
  <body>
    <h2 id="greetings">Hello World!</h2>
  </body>
</html>

Bạn cần chọn phần tử HTML có mặt trên trang của bạn trước.

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 bạn. Đây là một số trong số họ:

<html>
  <head></head>
  <body>
    Hello World!
  </body>
</html>

8

<html>
  <head></head>
  <body>
    Hello World!
  </body>
</html>

9

```
window.alert("Hello World!");
```
0

Khi bạn nhận được phần tử, hãy thay đổi giá trị thuộc tính innerHTML và thay đổi đó sẽ được phản ánh trên trang trình duyệt của bạn.

Bây giờ bạn đã học cách in dữ liệu và giá trị trong JavaScript. Làm tốt lắm! 👍

Lệnh nào được sử dụng để in trong JavaScript?

Nhập lệnh "window.print ()" là lệnh javascript để in nội dung của cửa sổ trình duyệt web của bạn.window. print()" command is the Javascript command to print the contents of your web browser window.

Đầu ra in trong JavaScript là gì?

Ví dụ 1: Chương trình in một 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 in () in nội dung hiển thị hiện tại trong màn hình cửa sổ.print.html.print() method In this program, we are using a window. print() method that prints the current visible content in the window screen. print.html.

programming javascript JavaScript print Print Java Javascript print PDF Before print javascript Printer js