JS 02 – Xuất và Nhập nội dung trong javascript

0
92

Bài học hôm nay chúng ta sẽ tìm hiểu về xuất và nhập nội dung trong javascript, các bạn theo dõi nhé.

Giống như các ngôn ngữ lập trình khác để có thể xuất được các nội dung chúng ta muốn hiện thị chúng ta phải sử dụng các câu lệnh.Trong javascript cũng không ngoại lệ.

Trong javascript cung cấp cho chúng các câu lệnh để xuất nội dung như sau

  • document.write()
  • alert()
  • innerHTML
  • console.log()

Bây giờ chúng ta đi vào tìm hiểu cụ thể các câu lệnh nhé.

1. Document.write()

Document.write() cho phép chúng ta viết các nội dung vào tệp HTML.

Cú pháp

Ví dụ

See the Pen OjQdPr by Cao Anh Nhất (@xeko995) on CodePen.dark

2. alert()

Phương thức alert() sẽ tạo ra một hộp cảnh báo để hiển thị nội dung

Cú pháp

Ví dụ

See the Pen VzQgmx by Cao Anh Nhất (@xeko995) on CodePen.dark

3. innerHTML

innerHTML cho phép chúng ta xuất nội dung vào các phần tử HTML được chỉ định

Để sử dụng được innerHTML chúng ta sử dụng các phương thức  truy cập vào các phần tử HTML để có thể xuất nội dung ra phần tử HTML.

Các phương thức truy cập vào phần tử HTML tôi sẽ giới thiệu cho các bạn ở các bài sau . Trong bài tôi sẽ dùng phương thức document.getElementById() để lấy ví dụ cho các bạn.

Cú pháp

Ví dụ

See the Pen EvQrow by Cao Anh Nhất (@xeko995) on CodePen.dark

4. console.log()

Khác với các câu lệnh khác thì console.log() không xuất nội dung trực tiếp trên trình duyệt dưới dạng HTML mà sẽ xuất vào console của trình duyệt.

Cú pháp

Ví dụ

See the Pen WEMPJQ by Cao Anh Nhất (@xeko995) on CodePen.dark

Để có thể xem được nội dung xuất ra của ví dụ trên console thì chúng ta thao tác như sau.

Bước 1: Các bạn nhấn chuột trái chọn Kiểm tra phần tử tiếng anh là Inspace

Bước 2: Sau đó chọn tab Console

Bài học xuất và nhập nội dung trong javascript đã kết thúc tại đây. Các bạn theo dõi các bài học tiếp theo tại đây nhé.

Chúc các bạn học tập tốt.

 

Tác giả: Cao Anh Nhất

[Total: 0    Average: 0/5]

LEAVE A REPLY

Please enter your comment!
Please enter your name here