Các tính năng hiển thị, xuất dữ liệu đầu ra của JavaScript

Hiển thị, xuất dữ liệu sau khi xử lý rất quan trọng phải không? Chúng ta cùng xem JavaScript có các hàm nào hỗ trợ công việc này nhé. Các khả năng “hiển thị” của JavaScript JavaScript có khả năng “hiển thị” dữ liệu theo các cách sau: Hiển thị hộp thoại thông báo, sử dụng window.alert(). Viết vào đầu ra của HTML, sử dụng document.write(). Viết vào bên trong một phần tử HTML, sử dụng innerHTML. Viết vào giao diện trình duyệt điều khiển, sử dụng console.log(). Sử dụng window.alert() Bạn có thể sử dụng hộp thoại window.alert() để hiển thị dữ liệu. …

Đọc thêm

Vị trí đặt của JavaScript

JavaScript có thể được đặt trong khu vực của thẻ <body> và thẻ <head> trong tài liệu HTML. Thẻ <script> Trong HTML, các đoạn mã JavaScript phải được chèn vào trong thẻ mở <script> và thẻ đóng </script>. Ví dụ: Các ví dụ cũ có thể sử dụng thuộc tính type:  Thuộc tính type không phải là yêu cầu bắt buộc. JavaScript là ngôn ngữ scripting mặc định trong HTML. Các hàm JavaScript và sự kiện Một hàm (function) JavaScript là một khối mã JavaScript, có thể được thực thi khi được “gọi” / call đến. Ví dụ, một hàm …

Đọc thêm

JavaScript có thể làm được những gì?

Bài viết này bao gồm một số ví dụ về việc JavaScript có thể làm được những gì. Bạn chắc chắn sẽ ngạc nhiên đấy, có khi còn hơn tôi. JavaScript Có thể thay đổi nội dung của trang HTML Sử dụng một trong nhiều phương thức của JavaScript HTML là getElementById(). Ví dụ này sử dụng phương thức để “tìm kiếm” phần tử HTML có id = “demo” và thực hiện thay đổi nội dung phần tử (sử dụng innerHTML) thành “Chào em – chào JavaScript” Code mẫu: JavaScript có thể thay đổi các thuộc tính của HTML Trong ví …

Đọc thêm

Thẻ area trong HTML

Ví dụ Một bản đồ ảnh, với các khu vực có thể click: Kết quả: Bạn di chuột qua bức ảnh sẽ thấy các vùng được chọn, click vào đó sẽ dẫn đến các hình tương ứng. Các thông tin như thế này: coords=”0,0,82,126″ Cung cấp thông số toạ độ của các khu vực trên bức ảnh để người dùng click vào. Lưu ý: Thuộc tính usemap trong thẻ <img> liên kết với thuộc tính name của phần tử <map> và tạo ra mối quan hệ giữa ảnh và bản đồ. Trình duyệt hỗ trợ Phần tử  Chrome  IE  FireFox  Safari …

Đọc thêm

Thẻ map trong HTML

Ví dụ: Một bản đồ ảnh, với các khu vực có thể click: Kết quả: Bạn di chuột qua bức ảnh sẽ thấy các vùng được chọn, click vào đó sẽ dẫn đến các hình tương ứng. Các thông tin như thế này: coords=”0,0,82,126″ Cung cấp thông số toạ độ của các khu vực trên bức ảnh để người dùng click vào. Định nghĩa và cách dùng Thẻ <map> được dùng để định nghĩa một bản đồ ảnh phía máy khách. Một bản đồ ảnh là một ảnh có thể được click vào các khu vực trong đó. Thuộc tính …

Đọc thêm

Thẻ dir trong HTML

Ví dụ Một danh sách thư mục: Kết quả: html xhtml css Định nghĩa và cách dùng Thẻ <dir> không được hỗ trợ trong HTML5. Sử dụng thẻ ul li để thay thế. Thẻ <dir> được sử dụng để liệt kê tiêu đề danh sách. Trình duyệt hỗ trợ Phần tử Chrome  IE  FireFox  Safari  Opera <dir> Có Có Có Có Có Các mẹo và chú ý Mẹo: Sử dụng CSS để định kiểu cho danh sách! Trong các hướng dẫn về CSS của chúng tôi, bạn có thể tìm thấy nhiều thông tin hơn về định kiểu danh sách. Sự …

Đọc thêm

Thẻ dialog trong HTML

Ví dụ Cách dùng phần tử <dialog>: Kết quả: January Đây là một hộp thoại February March 31 28 31 Định nghĩa và cách sử dụng Thẻ <dialog> định nghĩa một hộp thoại hoặc cửa sổ. Phần tử <dialog> giúp cho việc tạo các hộp thoại popup và modal trên web trở nên dễ dàng hơn. Trình duyệt hỗ trợ Các con số trong bảng chỉ phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ các tính năng của thẻ. Phần tử  Chrome  IE  FireFox  Safari  Opera <dialog> 37.0 Không hỗ trợ Không hỗ trợ Không hỗ trợ 24.0 …

Đọc thêm

Thẻ dd trong HTML

Ví dụ Một danh sách mô tả, với các thuật ngữ và các mô tả chi tiết: Kết quả: Coffee Black hot drink Milk White cold drink Định nghĩa và cách dùng Thẻ <dd> được sử dụng để mô tả một thuật ngữ/tên trong danh sách định nghĩa. Thẻ <dd> được sử dụng kết hợp với thẻ <dl> (định nghĩa một danh sách mô tả) và thẻ <dt> (định nghĩa một thuật ngữ / tên). Bên trong thẻ <dd> bạn có thể thêm văn bản, ký tự xuống dòng, các ảnh, các liên kết, danh sách, vân vân… Trình duyệt …

Đọc thêm

Thẻ dt trong HTML

Ví dụ Một danh sách mô tả, với các thuật ngữ và các mô tả chi tiết: Kết quả: Coffee Black hot drink Milk White cold drink Định nghĩa và cách dùng Thẻ <dt> định nghĩa một thuật ngữ / tên trong danh sách mô tả. Thẻ <dt> được sử dụng kết hợp với thẻ <dl> (định nghĩa danh sách mô tả) và thẻ <dd> (mô tả mỗi thuật ngữ/tên). Trình duyệt hỗ trợ Phần tử  Chrome  IE  FireFox  Safari  Opera <dt> Có Có Có Có Có Sự khác nhau giữa HTML 4.01 và HTML5 Trong HTML 4.01, thẻ <dt> …

Đọc thêm

Thẻ dl trong HTML

Ví dụ Một danh sách mô tả, với các thuật ngữ và các mô tả: Kết quả: Coffee Black hot drink Milk White cold drink Định nghĩa và cách dùng Thẻ <dl> định nghĩa một danh sách mô tả. Thẻ <dl> được sử dụng kết hợp với thẻ <dt> (định nghĩa thuật ngữ/tên) và thẻ <dd> (mô tả mỗi thuật ngữ/tên). Trình duyệt hỗ trợ Phần tử  Chrome  IE  FireFox  Safari  Opera <dl> Có Có Có Có Có Sự khác nhau giữa HTML 4.01 và HTML5 Trong HTML 4.01, thẻ <dl> định nghĩa một danh sách được định nghĩa. Trong …

Đọc thêm