Thứ Năm, 14 tháng 11, 2019

Thuộc tính Đầu ra JavaScript

  Hoa Tran       Thứ Năm, 14 tháng 11, 2019
Khả năng hiển thị JavaScript
JavaScript có thể "hiển thị" dữ liệu theo nhiều cách khác nhau:

Viết thành một phần tử HTML, sử dụng innerHTML.
Viết vào đầu ra HTML bằng cách sử dụng document.write().
Viết vào một hộp cảnh báo, sử dụng window.alert().
Viết vào bảng điều khiển trình duyệt, sử dụng console.log().





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

Các idthuộc tính định nghĩa các phần tử HTML. Các innerHTML bất động sản xác định nội dung HTML:

Thí dụ
<!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>

Thay đổi thuộc tính InternalHTML của phần tử HTML là cách phổ biến để hiển thị dữ liệu trong HTML.

Sử dụng document.write ()
Đối với mục đích thử nghiệm, nó thuận tiện để sử dụng document.write():

Thí dụ
<!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 tài liệu HTML được tải, sẽ xóa tất cả HTML hiện có :

Thí dụ
<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p>My first paragraph.</p>

<button type="button" onclick="document.write(5 + 6)">Try it</button>

</body>
</html>

Sử dụng window.alert ()
Bạn có thể sử dụng hộp cảnh báo để hiển thị dữ liệu:

Thí dụ
<!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 console.log ()
Đối với mục đích gỡ lỗi, bạn có thể sử dụng console.log()phương pháp để hiển thị dữ liệu.

Bạn sẽ tìm hiểu thêm về gỡ lỗi trong một chương sau.

Thí dụ
<!DOCTYPE html>
<html>
<body>

<script>
console.log(5 + 6);
</script>

</body>
</html>
logoblog

Thanks for reading Thuộc tính Đầu ra JavaScript

Previous
« Prev Post

Không có nhận xét nào:

Đăng nhận xét