CHÀO MỪNG BẠN ĐẾN VỚI THƯ VIỆN HỌC TẬP & ĐÀO TẠO CƠ BẢN
Window Screen trong JavaScript
JavaScript
Hướng dẫn JavaScript
- Bắt đầu với JavaScript
- Giới thiệu về JavaScript
- Vị trí JavaScipt trong HTML File
- Hiển thị dữ liệu trong Javascript
- Tìm hiểu cú pháp JavaScript
- Chú thích trong JavaScript
- Các câu lệnh trong JavaScript
- Các toán tử trong JavaScript
- Số học trong JavaScript
- Các biến trong JavaScript
- Các hàm trong JavaScript
- Các đối tượng trong JavaScript
- Các sự kiện trong JavaScript
- Các chuỗi trong JavaScript
- Các phương thức xử lý chuỗi trong JavaScript
- Đối tượng Number trong JavaScript
- Phép gán trong JavaScript
- Các loại dữ liệu trong JavaScript
- Phạm vi trong JavaScript
- Đối tượng Math trong JavaScript
- Tìm hiểu Random trong JavaScript
- Đối tượng Date trong JavaScript
- Các phương thức của Dates trong JavaScript
- Định dạng ngày tháng trong JavaScript
- Mảng (Array) trong JavaScript
- Phân loại các mảng JavaScript
- Phương thức xử lý đối tượng Number trong JavaScipt
- Câu lệnh switch trong JavaScript
- Đối tượng Boolean trong JavaScript
- Các toán tử so sánh và logic trong JavaScript
- Lệnh if…else trong JavaScript
- Vòng lặp While trong JavaScript
- Vòng lặp for trong JavaScript
- Phương thức mảng trong JavaScript
- Câu lệnh break và continue trong JavaScript
- Kiểu chuyển đổi trong JavaScript
- Các phép tính Bitwise trong JavaScript
- Regular Expression trong JavaScript
- Các lỗi trong JavaScript – Lệnh Throw và Try
- Xử lý lỗi trong JavaScript
- Hướng dẫn định dạng và quy tắc mã hóa JavaScript
- Best Practices trong JavaScript
- Các lỗi thường gặp trong JavaScript
- Cải thiện Performance của Javascript
- Các phiên bản JavaScript
- JSON trong JavaScript
- Tìm hiểu JavaScript Hoisting
- Use Strict là gì? Strict Mode trong JavaScript
- Danh sách các từ dành riêng trong JavaScript
- Javascript là gì mà nhiều người dùng đến vậy?
- Cách kích hoạt Javascript trên điện thoại
- Có nên tắt Javascript trên trình duyệt máy tính?
Biểu mẫu JavaScript
Đối tượng JavaScript
- Định nghĩa các đối tượng trong JavaScript
- Các thuộc tính đối tượng trong JavaScript
- Các phương thức đối tượng trong JavaScript
- Các nguyên mẫu đối tượng trong JavaScript
Hàm JavaScript
- Định nghĩa hàm trong JavaScript
- Các tham số hàm trong JavaScript
- Sự dẫn hàm trong JavaScript
- Hàm gọi trong JavaScript
- Hàm apply trong JavaScript
- Đóng mã trong JavaScript
DOM JavaScript
- HTML DOM trong JavaScript
- Tài liệu HTML DOM trong JavaScript
- Phương thức HTML DOM trong JavaScript
- Các phần tử HTML DOM trong JavaScript
- HTML DOM trong JavaScript – Thay đổi HTML
- HTML DOM trong JavaScript – Thay đổi CSS
- Hoạt ảnh HTML DOM trong JavaScript
- Các sự kiện HTML DOM trong JavaScript
- Tìm hiểu HTML DOM EventListener trong JavaScript
- Điều hướng HTML DOM trong JavaScript
- Các phần tử (node) HTML DOM trong JavaScript
- Tìm hiểu HTML DOM Collection trong JavaScript
- Các danh sách Node trong JavaScript HTML DOM
Trình duyệt BOM
- JavaScript Window – Mô hình đối tượng trình duyệt
- Window Screen trong JavaScript
- Window Location trong JavaScript
- Window History trong JavaScript
- Window Navigator trong JavaScript
- Các khung Popup trong JavaScript
- Sự kiện thời gian trong JavaScript
- Tìm hiểu Cookies trong JavaScript
JavaScript Ajax
- Giới thiệu về AJAX trong JavaScript
- Gửi một yêu cầu đến server trong AJAX
- Đối tượng XMLHttpRequest trong AJAX
- Phản hồi máy chủ trong AJAX
- Tìm hiểu ví dụ về AJAX XML
- Tìm hiểu Ví dụ về AJAX PHP
- Tìm hiểu ví dụ về AJAX ASP
- Tìm hiểu ví dụ về AJAX Database
- Tìm hiểu các ứng dụng XML
JavaScript Json
Đối tượng window.screen chứa thông tin về màn hình của người dùng.
Window Screen
Đối tượng window.screen có thể được viết mà không có tiền tố window. Thuộc tính:
- screen.width
- screen.height
- screen.availWidth
- screen.availHeight
- screen.colorDepth
- screen.pixelDepth
Chiều rộng window screen
Thuộc tính screen.width trả về chiều rộng màn hình của khách truy cập bằng pixel. Ví dụ hiển thị chiều rộng của màn hình theo pixel:
document.getElementById(“demo”).innerHTML =
“Screen Width: ” + screen.width;
Kết quả là:
Screen Width: 1366
Chiều cao window screen
Thuộc tính screen.height trả về chiều cao màn hình của khách truy cập bằng pixel. Ví dụ hiển thị chiều cao màn hình theo pixel:
document.getElementById(“demo”).innerHTML =
“Screen Height: ” + screen.height;
Kết quả là:
Screen Height: 768
Chiều rộng window screen có sẵn
Thuộc tính screen.availWidth trả về chiều rộng màn hình của khách truy cập, tính bằng pixel, trừ các tính năng giao diện như Taskbar của Windows. Ví dụ hiển thị chiều rộng có sẵn của màn hình theo pixel:
document.getElementById(“demo”).innerHTML =
“Available Screen Width: ” + screen.availWidth;
Kết quả là:
Available Screen Width: 1366
Chiều cao window screen có sẵn
Thuộc tính screen.availHeight trả về chiều cao màn hình của khách truy cập, tính bằng pixel, trừ các tính năng giao diện như Taskbar của Windows. Ví dụ hiển thị chiều cao sẵn có của màn hình theo pixel:
document.getElementById(“demo”).innerHTML =
“Available Screen Height: ” + screen.availHeight;
Kết quả là:
Available Screen Height: 728
Độ sâu màu của window screnn
Thuộc tính screen.colorDepth trả về số bit được sử dụng để hiển thị một màu. Tất cả các máy tính hiện đại sử dụng phần cứng 24 bit hoặc 32 bit cho độ phân giải màu:
- 24 bit = 16.777.216 “True Colors” khác nhau
- 32 bit = 4.294.967.286 “Deep Colors” khác nhau
Các máy tính cũ hơn sử dụng 16 bit: 65.536 độ phân giải “High Colors” khác nhau. Máy tính rất cũ, và điện thoại di động cũ được sử dụng 8 bit: 256 “màu VGA” khác nhau.
Ví dụ hiển thị độ sâu màu của màn hình theo các bit:
document.getElementById(“demo”).innerHTML =
“Screen Color Depth: ” + screen.colorDepth;
Kết quả là:
Screen Color Depth: 24
Các giá trị #rrggbb (rgb) được sử dụng trong HTML đại diện cho “True Colors” (16.777.216 màu khác nhau).
Độ sâu điểm ảnh window screen
Thuộc tính screen.pixelDepth trả về độ sâu điểm ảnh của màn hình. Ví dụ hiển thị độ sâu điểm ảnh của màn hình theo các bit:
document.getElementById(“demo”).innerHTML =
“Screen Pixel Depth: ” + screen.pixelDepth;
Kết quả là:
Screen Pixel Depth: 24
Đối với máy tính hiện đại, Độ sâu màu và Độ sâu Pixel có giá trị như nhau.
- Học lập trình front-end cơ bản với bootstrap 4/html5/css3
- Học lập trình front-end nâng cao qua Project thực tế
- Học thiết kế web với Photoshop, CSS theo kiểu SASS
- Học cách sử dụng Git_hub cho lập trình viên
- Học lập trình Back-end PHP theo mô hình MVC cơ bản
- Học lập trình Back-end PHP theo mô hình MVC nâng cao
- Học lập trình Cơ sở dữ liệu với AngularJS
- Học lập trình theme wordpress. Làm ra mọi website hoàn chỉnh với wordpress
- Combo lập trình front-end từ cơ bản – nâng cao
- Combo lập trình back-end từ cơ bản đến nâng cao
- Combo lập trình web với word press từ A-Z