- Tham gia
- 28/02/2015
- Bài viết
- 16,829
- Được Like
- 12,691
JavaScript Output - Đầu ra JavaScript
JavaScript KHÔNG có bất kỳ được built-in hoặc hiển thị các chức năng.
Khả năng hiển thị Javascript
JavaScript có thể "hiển thị" dữ liệu trong nhiều cách khác nhau:
Bạn có thể sử dụng một alert box để hiển thị dữ liệu:
Bạn có thể thử ở đây>>
Sử dụng document.write()
Đối với mục đích thử nghiệm, nó là thuận tiện để sử dụng document.write():
Bạn có thể thử ở đây>>
Sử dụng document.write() sau khi một tài liệu HTML được tải đầy đủ, sẽ xóa tất cả các HTML hiện có:
Bạn có thể thử ở đây>>
Sử dụng innerHTML
Để truy cập vào một phần tử HTML, JavaScript có thể sử dụng phương pháp document.getElementById(id).
Các thuộc tính id xác định các phần tử HTML. Các thuộc tính innerHTML xác định các nội dung HTML:
Bạn có thể thử ở đây>>
Sử dụng console.log()
Trong trình duyệt của bạn, bạn có thể sử dụng phương pháp console.log() để hiển thị dữ liệu.
Kích hoạt trình duyệt với giao diện điều khiển F12, và chọn "Console" trong menu.
Bạn có thể thử ở đây>>
Chúc các bạn thành công.
JavaScript KHÔNG có bất kỳ được built-in hoặc hiển thị các chức năng.
Khả năng hiển thị Javascript
JavaScript có thể "hiển thị" dữ liệu trong nhiều cách khác nhau:
- Viết vào alert box, sử dụng window.alert().
- Viết vào đầu ra HTML sử dụng document.write().
- Viết vào phần tử HTML, sử dụng innerHTML.
- Viết vào giao diện điều khiển trình duyệt, sử dụng console.log().
Bạn có thể sử dụng một alert box để hiển thị dữ liệu:
Mã:
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>Sử dụng document.write()
Đối với mục đích thử nghiệm, nó là thuận tiện để sử dụng document.write():
Mã:
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>Sử dụng document.write() sau khi một tài liệu HTML được tải đầy đủ, sẽ xóa tất cả các HTML hiện có:
Mã:
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<button onclick="document.write(5 + 6)">Try it</button>
</body>
</html>Sử dụng innerHTML
Để truy cập vào một phần tử HTML, JavaScript có thể sử dụng phương pháp document.getElementById(id).
Các thuộc tính id xác định các phần tử HTML. Các thuộc tính innerHTML xác định các nội dung HTML:
Mã:
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My First Paragraph</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>Sử dụng console.log()
Trong trình duyệt của bạn, bạn có thể sử dụng phương pháp console.log() để hiển thị dữ liệu.
Kích hoạt trình duyệt với giao diện điều khiển F12, và chọn "Console" trong menu.
Mã:
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>Chúc các bạn thành công.
Nguồn: w3schools.com
Bài viết liên quan
Bài viết mới
