Trong hướng dẫn ngày hôm nay của chúng tôi, chúng tôi sẽ cung cấp thông tin chi tiết sâu sắc về tất cả các cách tiếp cận khả thi để in bằng JavaScript
Hãy tìm hiểu từng phương pháp này
Phương pháp 1. bảng điều khiển. nhật ký [] Phương thức
Bàn điều khiển. log[] là cách được sử dụng nhiều nhất để in trong JavaScript. Nó có thể được sử dụng để in các chuỗi, đối tượng hoặc bất kỳ đầu ra nào khác trên bàn điều khiển. Mã JavaScript sẽ hoạt động trên bảng điều khiển; . log[] không thể được sử dụng để chạy bất kỳ tích hợp HTML hoặc CSS nào với JS
Cú pháp của phương thức này được mô tả dưới đây
cú pháp
bảng điều khiển. log[ thông báo ];
Ví dụ sau được thực hiện để in một tin nhắn bằng JavaScript dựa trên bảng điều khiển. phương thức log[]
Mã số
bảng điều khiển. log["Ví dụ sử dụng bảng điều khiển. log[] trong JavaScript"]
bảng điều khiển. log["Chào mừng đến với JavaScript"];
Trong mã này, giao diện điều khiển. phương thức log[] được sử dụng để in một thông báo trong cửa sổ giao diện điều khiển
đầu ra
Đầu ra cho thấy hai câu lệnh đã được sử dụng với bảng điều khiển. phương thức log[] được in trên bàn điều khiển
Phương pháp 2. tài liệu. viết phương pháp
Tài liệu. write[] là một cách tiếp cận khác được sử dụng để in đầu ra trong trình duyệt bằng JavaScript. Chẳng hạn, phương thức được sử dụng để thêm nội dung vào trang HTML. Cộng đồng nhà phát triển sử dụng phương pháp này cho mục đích thử nghiệm hoặc gỡ lỗi. Cú pháp của tài liệu. phương thức write[] được mô tả bên dưới
cú pháp
tài liệu. viết[ tin nhắn ];
Tham số thông báo được truyền cho phương thức này sẽ được in trên bàn điều khiển
Để hiểu rõ hơn về phương thức này, chúng ta hãy xem đoạn mã ví dụ sau
Mã số
Ví dụ về sử dụng tài liệu. viết[] bằng JavaScript
tài liệu. viết["Chào mừng đến với JavaScript"];
script>
body>
html>
In the above code, the document.write[] method is used inside the tags.
đầu ra
Đầu ra cho thấy văn bản “Chào mừng bạn đến với JavaScript” được in trên trình duyệt
Phương pháp 3. bên trong. Thuộc tính HTML
Bên trong. Thuộc tính HTML nổi tiếng để in một tin nhắn trong tài liệu HTML. Trong phương thức, nhận dạng duy nhất của phần tử được chuyển để lấy phần tử HTML trong tài liệu
cú pháp
tài liệu. getElementById["p"].innerHTML = "thông báo";
Mô tả của các tham số được đưa ra dưới đây
- getElementById. xác định id duy nhất của phần tử HTML
- tin nhắn. đại diện cho thông tin cụ thể sẽ được in bằng JavaScript
Mã ví dụ cho thuộc tính InternalHTML được cung cấp bên dưới
Mã số
Ví dụ sử dụng InternalHTML trong JavaScript
tài liệu. getElementById["p"].innerHTML = "Chào mừng bạn đến với JavaScript";
script>
body>
html>
Mô tả của mã như sau
- A general message is displayed by using the heading
tags.
- Sau đó, một nhận dạng duy nhất “p” được gán cho phần tử đoạn văn
- Hơn nữa, chuỗi “Welcome to JavaScript” được gán bằng thuộc tính innerHTML
đầu ra
Đầu ra hiển thị thông báo “Chào mừng bạn đến với JavaScript” bằng cách sử dụng thuộc tính InternalHTML trong JavaScript
Phương pháp 4. cửa sổ. phương thức cảnh báo []
Một cách tiếp cận khác để in một tin nhắn là có thể thông qua cửa sổ. phương thức cảnh báo []. Nó rất hữu ích để xác thực biểu mẫu và xác nhận bất kỳ hành động nào của người dùng trong trình duyệt. Cú pháp của cửa sổ. phương thức alert[] như sau
cú pháp
cửa sổ. cảnh báo["thông báo"];
Đối số thông báo sẽ được hiển thị dưới dạng thông báo cảnh báo
Ví dụ
Một ví dụ được sử dụng để bật lên cửa sổ bên cửa sổ. phương thức cảnh báo [] trong JavaScript
Mã số
Ví dụ sử dụng cửa sổ. cảnh báo[] bằng JavaScript
cửa sổ. cảnh báo["Chào mừng bạn đến với JavaScript"];
script>
body>
html>
Trong mã này
- A message is displayed using the heading
tag.
- After that, the alert[] method is employed within the tags.
- Cuối cùng, chuỗi “Welcome to JavaScript” được chuyển đến phương thức alert[]
đầu ra
Đầu ra của đoạn mã trên đại diện cho một cửa sổ bật lên. Trong cửa sổ này, chuỗi đi qua “Chào mừng bạn đến với JavaScript” được in dưới dạng cảnh báo cho người dùng
Tiền thưởng. Các phương pháp bảng điều khiển khác để in bằng JavaScript
Ngoài bảng điều khiển. log, có một số phương thức khác được hỗ trợ bởi đối tượng console của JavaScript. Chúng được sử dụng cho nhiều mục đích và in trên bàn điều khiển. Bảng sau chứa tất cả các phương thức đó cùng với mô tả và cú pháp của chúng
MethodSyntaxDescriptionclear[] giao diện điều khiển. clear[] Phương thức này xóa bảng điều khiển. lỗi [] bảng điều khiển. error[] In thông báo lỗi. thông tin [] bảng điều khiển. info[] In thông báo thông tin. bảng điều khiển cảnh báo []. cảnh báo [] Hiển thị cảnh báo trên bảng điều khiển. khẳng định [] bảng điều khiển. khẳng định [] Thông báo lỗi khi và chỉ khi khẳng định là saiĐó là nó từ hướng dẫn này. Bạn đã học cách in bằng JavaScript thông qua nhiều phương pháp khả thi khác nhau
Phần kết luận
Người ta kết luận rằng bốn cách tiếp cận khác nhau có tên là tài liệu. viết [], bên trongHTML, cửa sổ. cảnh báo và bảng điều khiển. log[] có thể được sử dụng để in thông tin trong JavaScript. Thông tin có thể bao gồm các chuỗi, thuộc tính đối tượng, đầu ra được tính toán, v.v. Bảng điều khiển hỗ trợ các phương thức bổ sung, bao gồm bảng điều khiển. cảnh báo[], bảng điều khiển. thông tin [], bảng điều khiển. lỗi[]. Chúng tôi cũng đã chứng minh mục đích và cú pháp của các phương thức này