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ì
Nhiều khi bạn sẽ thích đặt một nút trên trang web của bạn để nội dung trang đó thông qua một máy tính. JavaScript giúp bạn thực hiện chức năng này bằng cách sử dụng hàm in cửa sổ đối tượng
cửa sổ hàm. print[] trong JavaScript trong trang 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 cách sử dụng sự kiện title như trong ví dụ sau
Ví dụ
You try to example after
Kết quả
Mặc dù mục đích phục vụ của nó là để vào, nhưng nó không phải là cách được đề nghị sử dụng. Một trang máy trong thân thiện thực sự là một trang có văn bản, không có hình ảnh, đồ họa hoặc quảng cáo
Bạn có thể tạo một máy trong trang thân thiện theo các cách sau
Tạo bản sao của trang và loại bỏ các văn bản, đồ họa thừa, sau đó kết nối với máy trong trang thân thiện đó.
Nếu bạn không muốn giữ một bản sao phụ của trang, thì bạn có thể đánh dấu văn bản bằng cách sử dụng các nhận xét thích hợp giống như vậy. . và sau đó bạn có thể sử dụng PERL hoặc bất kỳ tập lệnh nào khác trong nền để thanh lọc văn bản có thể vào và hiển thị cho công việc ở cuối cùng. Tại Vietjack, chúng tôi sử dụng phương thức này để cung cấp phương thức tiện ích cho khách hàng truy cập
Way to in a page
Nếu bạn không tìm thấy các phương tiện tiện ích trên một trang web, thì bạn có thể sử dụng thanh công cụ chuẩn của trình duyệt để vào trang web đó. Bạn theo liên kết sau