Kết quả đầu ra của JavaScript

JavaScript không cung cấp bất kỳ hàm in hoặc hiển thị nào.

Kế hoạch hiển thị của JavaScript

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

  • sử dụng window.alert() ghi vào hộp cảnh báo
  • sử dụng document.write() ghi vào đầu ra HTML
  • sử dụng innerHTML ghi vào phần tử HTML
  • sử dụng console.log(); ghi vào đầu ra của trình duyệt

sử dụng innerHTML

Để truy cập phần tử HTML, JavaScript có thể sử dụng document.getElementById(id) phương pháp.

id Thuộc tính định nghĩa phần tử HTML. Thuộc tính innerHTML định nghĩa nội dung HTML:

Ví dụ

<!DOCTYPE html>
<html>
<body>
<h1>Trang web đầu tiên của tôi</h1>
<p>Đoạn văn đầu tiên của tôi</p>
<p id="demo"></p>
<script>
 document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>

Thử trực tiếp

Lưu ý:Đây là phương pháp phổ biến để hiển thị dữ liệu trong HTML bằng cách thay đổi thuộc tính innerHTML của phần tử HTML.

Sử dụng document.write()

Để mục đích kiểm tra, sử dụng document.write() rất tiện lợi:

Ví dụ

<!DOCTYPE html>
<html>
<body>
<h1>Trang web đầu tiên của tôi</h1>
<p>Đoạn văn đầu tiên của tôi</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>

Thử trực tiếp

Lưu ý:sau khi tài liệu HTML hoàn toàn được tải document.write() Sử dụngXóa tất cả HTML đã có :

Ví dụ

<!DOCTYPE html>
<html>
<body>
<h1>Trang web đầu tiên của tôi</h1>
<p>Đoạn văn đầu tiên của tôi</p>
<button onclick="document.write(5 + 6)">Thử一试</button>
</body>
</html>

Thử trực tiếp

Lưu ý:document.write() phương pháp chỉ dùng để kiểm tra.

Sử dụng window.alert()

Bạn có thể sử dụng hộp thoại cảnh báo để hiển thị dữ liệu:

Ví dụ

<!DOCTYPE html>
<html>
<body>
<h1>Trang web đầu tiên của tôi</h1>
<p>Đoạn văn đầu tiên của tôi</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>

Thử trực tiếp

Sử dụng console.log()

Trong trình duyệt, bạn có thể sử dụng console.log(); phương pháp để hiển thị dữ liệu.

Vui lòng kích hoạt console của trình duyệt qua F12 và chọn "Console" trong menu.

Ví dụ

<!DOCTYPE html>
<html>
<body>
<h1>Trang web đầu tiên của tôi</h1>
<p>Đoạn văn đầu tiên của tôi</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>

Thử trực tiếp