Thứ Hai, 15 tháng 6, 2015

Xuất dữ liệu trong Javascript

10:21 0 Comment
Xuất dữ liệu trong Javascript. Trong javascript chúng ta có nhiều cách khác nhau để xuất hoặc hiển thị dữ liệu

  • Xuất một thông báo thông qua hộp thoại alert. Sử dụng window.alert()
  • Xuất một nội dung trong văn bản HTML. Sử dụng document.write()
  • Xuất một nội dung trong một thẻ HTML. Sử dụng innerHTML
  • Xuất một nội dung trong giao diện điều khiển của trình duyệt. Sử dụng console.log()


1. Xuất một thông báo thông qua hộp thoại alert
Để Xuất một thông báo thông qua hộp thoại alert ta sử dụng câu lệnh window.alert() hoặc alert() theo cú pháp
window.alert("Nội dung hiển thị");
//hoặc
alert("Nội dung hiển thị");

Ví dụ: Xuất ra thông báo với nội dung “Xin chào!” thông qua hộp thoại alert ta làm như sau:
<!DOCTYPE HTML>
<html>
 <head>
  <script>
    alert("Xin chào!");
  </script>
 </head>
 <body></body>
</html>

 2. Xuất một nội dung trong văn bản HTML
Để xuất nội dung trong văn bản HTML ta sử dụng câu lệnh document.write()
document.write("Nội dung hiển thị");

Ví dụ: Xuất nội dung “Thế Giới WEB” vào trong văn bản HTML
<!DOCTYPE HTML>
<html>
 <head>
  <script>
    document.write("Thế Giới WEB");
  </script>
 </head>
 <body></body>
</html>

3. Xuất nội dung vào trong một thẻ HTML
Để xuất nội dung vào bên trong một thẻ HTML ta sử dụng câu lệnh innerHTML.

Trước tiên chúng ta cần tìm hiểu cách lựa chọn một thành phần trong văn bản HTML bằng javascript khi học lap trinh php.

  • Lựa chọn theo id : getElementById(“idName”)
  • Lựa chọn theo class: getElementsByClassName(“className”)
  • Lựa chọn theo tag name: getElementsByTagName(“tagName”)


Cú pháp
document.getElementById("idName").innerHTML = "Nội dung hiển thị";
//hoặc
document.getElementsByClassName("className").innerHTML = "Nội dung hiển thị";
//hoặc
document.getElementsByTagName("tagName").innerHTML = "Nội dung hiển thị";

 Ví dụ: Thêm một thẻ <p> có nội dung là “thegioiweb.net.vn” có style màu chữ là màu đỏ vào trong cặp thẻ <div> có id là “vidu”
<!DOCTYPE HTML>
<html>
 <head></head>
 <body>
  <div id="vidu"></div>
 </body>
 <script>
   document.getElementById("vidu").innerHTML = "<p style='color:red' >thegioiweb.net.vn</p>";
 </script>
</html>

4 Xuất nội dung dung trong giao diện điều khiển của trình duyệt
Để xuất nội dung trong giao diện điều khiển của trình duyệt ta sử dụng câu lệnh console.log()

Cú pháp
console.log("Nội dung hiển thị");
Ví dụ: Xuất nội dung “Thế Giới WEB” trong console của trình duyệt
<!DOCTYPE HTML>
<html>
 <head>
   <script>
     console.log("Thế Giới WEB");
   </script>
 </head>
 <body></body>
</html>
* Để kiểm tra, tại trình duyệt các bạn ấn F12 và lựa chọn đến mục “Console”.
Nguồn: the gioi web

SHARE THIS

0 nhận xét:

Lưu ý: Chỉ thành viên của blog này mới được đăng nhận xét.