Để tạo bản chỉ trong một vùng trên trang web mà không phải toàn bộ trang web của bạn, bạn có thể sử dụng 2 cách sau.

Cách 1 - Sử dụng CSS

Cần chèn thêm 1 tệp CSS dành riêng cho bản vào header khai báo như sau.

Mã.

Nội dung chính Show

• Tại sao phải hiển thị dữ liệu?
• 1. In data ngay trong Màn hình Console của trình duyệt
• 2. Hiển thị dữ liệu thông qua hộp thoại bằng chức năng Cảnh báo
• 3. Viết dữ liệu ra cửa sổ duyệt
• 4. Chèn dữ liệu vào một phần tử HTML
• Tổng kết

Trong file in. css you to hide all the partitions don't want in out by cach add CSS code. trưng bày. không ai. quan trọng;

Lưu ý bắt buộc phải có tham số. media="print"

To select in all the screen of the web you can add tham số. media="screen"

Mã.

Để tạo nút gọi bản trên trang web, bạn chèn mã sau.

Mã.

Hoặc tạo file ảnh, nút bấm liên kết:

javascript:window.print()">


Hoặc

Click vào đây để in trang

Cách 2 - Sử dụng Javascript

Để tạo nút, bấm vào một vùng tùy chọn mà bạn có thể tham khảo đoạn mã sau.

Mã.

      
In đoạn này




function printDiv(divName) {
     var printContents = document.getElementById(divName).innerHTML;
     var originalContents = document.body.innerHTML;

     document.body.innerHTML = printContents;

     window.print();

     document.body.innerHTML = originalContents;
}

 

Trong bài hướng dẫn tự học lập trình Javascript này, bạn sẽ tìm hiểu cách hiển thị / xuất dữ liệu ra, cách trong bảng điều khiển ra màn hình, tạo thông báo hay trong kết quả ra màn hình trong JavaScript

Tại sao phải hiển thị dữ liệu?

Trong khi thiết lập chương trình, có một số vấn đề nhất định có thể cần phải hiển thị dữ liệu, xuất kết quả từ chương trình JavaScript của mình

Ví dụ. Bạn có thể muốn xem giá trị của biến hoặc viết thông báo lên màn hình bảng điều khiển của trình duyệt để giúp kiểm tra kết quả thực thi của nó có đúng hay không

Trong JavaScript, có một số cách khác nhau để tạo bao gồm đầu ra

- Ghi màn hình console của trình duyệt

- Hiển thị kết quả trong hộp thoại

- Viết đầu ra dưới dạng một phần tử HTML

-. v. v

Chúng ta sẽ xem xét kỹ hơn từng cách trong các phần tiếp theo ngay sau đây

Phương pháp Hiển thị / Xuất dữ liệu trong Javascript

1. In data ngay trong Màn hình Console của trình duyệt

Bạn có thể dễ dàng xuất thông báo hoặc ghi dữ liệu vào màn hình bảng điều khiển của trình duyệt theo phương thức bảng điều khiển. nhật ký()

Đây là một phương pháp đơn giản nhưng rất mạnh mẽ để tạo đầu ra. This is a ví dụ

// In ra một đoạn text đơn giản
console.log("Hello Javascript!"); // Hello Javascript!

// In ra giá trị của biến
var x = 10;
var y = 20;
var sum = x + y;
console.log(sum); // 30

mẹo

Để truy cập vào bảng điều khiển Console của trình duyệt. Bạn nhấn phím F12 và nhấp vào tab Bảng điều khiển. Hoặc chuột phải + Kiểm tra và nhấp vào tab Bảng điều khiển. Hoặc nhấn tổ hợp phím Ctrl + Shift + I và nhấn vào tab Console

2. Hiển thị dữ liệu thông qua hộp thoại bằng chức năng Cảnh báo

If in a Output ra screen Console, only you or a new member new can see

Để người dùng nhìn thấy, bạn có thể sử dụng hộp thoại cảnh báo để hiển thị dữ liệu

Một hộp thoại cảnh báo được tạo bằng phương thức alert(). And here is a ví dụ

// Hiển thị tin nhắn đơn giản
alert("Hello Javascript!"); // Outputs: Hello Javascript!

// Hiển thị giá trị của biến
var x = 10;
var y = 20;
var sum = x + y;
alert(sum); // Outputs: 30

3. Viết dữ liệu ra cửa sổ duyệt

Bạn chỉ có thể sử dụng tài liệu phương thức. write() để ghi nội dung vào tài liệu hiện tại trong khi tài liệu đang được phân tích. This is a ví dụ

// Hiển thị tin nhắn đơn giản
document.write("Hello Javascript!"); // Prints: Hello Javascript!

// Hiển thị giá trị của biến
var x = 10;
var y = 20;
var sum = x + y;
document.write(sum); // Prints: 30

Nếu bạn sử dụng phương thức tài liệu phương thức. write() sau khi trang được tải xuống, nó sẽ ghi đè lên tất cả nội dung hiện có trong tài liệu đó. Try check ví dụ sau

Đây là một tiêu đề 1
Đây là một đoạn Text.

Click Me

4. Chèn dữ liệu vào một phần tử HTML

You can also write or in data bằng cách sử dụng cách sử dụng kèm theo phần HTML thông qua thuộc tính innerHTML

Tuy nhiên, trước khi vào dữ liệu, chúng ta cần phải chỉ định phần tử đó bằng một phương thức như getElementById(), như chứng cứ đã được chứng minh trong ví dụ sau đây

Lưu ý. Phương pháp này sẽ thay thế toàn bộ nội dung bên trong phần tử HTML bằng dữ liệu đầu ra

Tổng kết

Qua bài viết này bạn đã biết 4 cách để hiển thị tài liệu. Hiển thị dữ liệu ra để giúp bạn biết, hoặc để giúp người dùng nhìn thấy hay chỉ đơn giản là trình bày nội dung

Đây là một phương pháp quan trọng bởi vì trong suốt quá trình học Javascript chúng ta sẽ liên tục kiểm tra kết quả, giải quyết lỗi bằng cách xem chương trình tạo ra kết quả gì