Video: AdMob Rewarded Video - Mobile Ads Garage #7 2025
John Paul Mueller
JavaScript sử dụng các đối tượng rộng rãi. Biết được đối tượng sử dụng và khi nào là những phần quan trọng trong việc làm việc với JavaScript. Bằng cách biết trình duyệt, Mô hình đối tượng tài liệu lõi (DOM) và các đối tượng DOM HTML, bạn có thể xây dựng một phần đáng kể của bất kỳ ứng dụng tiêu chuẩn nào (và nhiều ứng dụng đơn giản). Đây là những đối tượng JavaScript được sử dụng phổ biến nhất, vì vậy giữ chúng trong tầm tay bạn.
Cách sử dụng các đối tượng trình duyệt JavaScript để quản lý môi trường ứng dụng
Các đối tượng trình duyệt JavaScript giúp bạn khám phá và thay đổi môi trường ứng dụng. Bằng cách biết nơi người dùng đã đi, nơi người dùng đang ở đâu và nơi bạn có thể đưa người dùng, bạn có thể kiểm soát hiệu quả luồng ứng dụng. Tất nhiên, điều quan trọng là biết màn hình kích thước người dùng có để bạn có thể trình bày dữ liệu theo cách phản ánh tính thể chất của thiết bị của người dùng.
Bảng dưới đây trình bày chi tiết một số tùy chọn trình duyệt JavaScript thú vị hơn.
| Đối tượng | Mô tả |
|---|---|
| lịch sử | Cung cấp phương tiện để kiểm tra và di chuyển giữa các URL được lưu trữ
trong lịch sử trình duyệt. Bạn có thể xem danh sách đầy đủ các phương pháp và các thuộc tính liên kết với đối tượng này tại www. w3schools. com / jsref / obj_history. asp. |
| vị trí | Chứa thông tin về URL hiện tại. Đối tượng này cũng
cung cấp phương tiện để thực hiện các tác vụ như tải một trang mới hoặc tải lại trang hiện tại. Bạn có thể xem danh sách đầy đủ các phương pháp và các thuộc tính liên kết với đối tượng này tại www. w3schools. com / jsref / obj_location. asp. |
| hoa tiêu | Chứa thông tin về trình duyệt hiện tại. Ví dụ:
bạn có thể xác định loại trình duyệt và xem trình duyệt có bật cookie. Bạn có thể xem danh sách các phương pháp và tài sản kết hợp với đối tượng này tại www. w3schools. com / jsref / obj_navigator. asp. |
| màn hình | Chỉ định các đặc tính vật lý của thiết bị được sử dụng
hiển thị trang, bao gồm chiều cao trang, chiều rộng và độ sâu màu. Bạn có thể xem danh sách đầy đủ các phương pháp và thuộc tính được kết hợp với đối tượng này tại www. w3schools. com / jsref / obj_screen. asp. |
| cửa sổ | Cung cấp quyền truy cập vào cửa sổ trình duyệt để bạn có thể
thực hiện các nhiệm vụ như hiển thị hộp thư. Khi làm việc với các trang chứa khung, trình duyệt sẽ tạo một cửa sổ cho toàn bộ tài liệu HTML và một cửa sổ khác cho mỗi khung.Bạn có thể xem một danh sách đầy đủ các phương pháp và thuộc tính kết hợp với đối tượng này tại www. w3schools. com / jsref / obj_window. asp. |
Làm thế nào để sử dụng các đối tượng DOM cốt lõi để quản lý nội dung ứng dụng
Mục đích của bất kỳ ứng dụng JavaScript nào là quản lý nội dung. Điều này có nghĩa là thêm, xoá và chỉnh sửa tài liệu HTML chứa các phần tử khác nhau cấu trúc và hỗ trợ nội dung. Các đối tượng này cung cấp quyền truy cập vào tất cả các chi tiết tài liệu liên quan đến nội dung.
| Đối tượng | Mô tả |
|---|---|
| Attr | Cung cấp quyền truy cập vào từng thuộc tính trong tài liệu.
Bạn có thể xem danh sách đầy đủ các phương pháp và thuộc tính được kết hợp với đối tượng này tại www. w3schools. com / jsref / dom_obj_attr. asp. |
| tài liệu | Cung cấp quyền truy cập vào toàn bộ tài liệu. Bạn có thể sử dụng đối tượng này
để truy cập bất kỳ phần nào của tài liệu. Ngoài ra, đối tượng này cho phép bạn hiển thị thông tin trực tiếp trên trang và thực hiện các nhiệm vụ khác có liên quan đến giao diện người dùng. Bạn có thể xem danh sách đầy đủ các phương pháp và thuộc tính liên kết với đối tượng này tại www. w3schools. com / jsref / dom_obj_core_document. asp. |
| Phần tử | Có chứa một phần tử tài liệu cá nhân của bất kỳ loại nào được hỗ trợ
làm XML. Đối tượng này cung cấp truy cập các thuộc tính thông qua đối tượng Attr và các thuộc tính thông qua đối tượng Node. Bạn có thể xem danh sách đầy đủ các phương pháp và các thuộc tính liên kết với đối tượng này tại www. w3schools. com / jsref / dom_obj_element. asp. |
| Sự kiện | Hỗ trợ truy cập vào các sự kiện hiện tại và tạo ra các sự kiện mới.
Bạn có thể xem danh sách đầy đủ các phương pháp và thuộc tính được kết hợp với đối tượng này tại www. w3schools. com / jsref / dom_obj_event. asp. |
| HTMLElement | Có chứa một phần tử tài liệu HTML cá nhân, chẳng hạn như đoạn
hoặc một điều khiển. Sử dụng các phần tử và Nút các đối tượng để truy cập đến các thuộc tính và thuộc tính của phần tử. Bạn có thể xem danh sách đầy đủ các phương pháp và thuộc tính liên kết với đối tượng này tại www. w3schools. com / jsref / dom_obj_all. asp. |
| Nút | Xác định các chi tiết của bất kỳ nút nào, có thể bao gồm
toàn bộ tài liệu, một phần tử trong tài liệu và thuộc tính được cung cấp như là một phần của phần tử, văn bản và nhận xét. Bạn có thể xem danh sách đầy đủ các phương pháp và thuộc tính được kết hợp với đối tượng này tại www. w3schools. com / jsref / dom_obj_node. asp. |
| NodeFilter | Chỉ định nút nào xuất hiện như một phần của một NodeIterator được sử dụng để đi qua danh sách các nút
trong một tài liệu. Bạn có thể xem danh sách đầy đủ các phương pháp và thuộc tính liên quan đến đối tượng này tại // developer. mozilla. org / en-US / docs / DOM / NodeFilter. |
| NodeIterator | Cung cấp một phương pháp để có được một danh sách các nút trong một tài liệu
. Traversing danh sách các nút có thể giúp bạn xác định vị trí nút cụ thể và tương tác với chúng. Ví dụ: bạn có thể tìm thấy tất cả các nút thẻ và thêm thuộc tính cụ thể cho chúng. Bạn có thể xem danh sách đầy đủ các phương pháp và thuộc tính được kết hợp với đối tượng này tại // developer.mozilla. org / en-US / docs / DOM / NodeIterator. |
| NodeList | Chứa một danh sách được sắp xếp của tất cả các nút trong tài liệu
hoặc trong một vùng cụ thể của tài liệu. Bạn có thể xem danh sách đầy đủ các danh sách các phương pháp và thuộc tính liên quan đến đối tượng này tại www. w3schools. com / jsref / dom_obj_nodelist. asp. |
| NamedNodeMap | Chứa một danh sách không có thứ tự của tất cả các nút trong tài liệu
hoặc trong một vùng cụ thể của tài liệu. Bạn có thể xem danh sách đầy đủ các danh sách các phương pháp và thuộc tính liên quan đến đối tượng này tại www. w3schools. com / jsref / dom_obj_namednodemap. asp. |
Làm thế nào để sử dụng các đối tượng HTML DOM để quản lý cấu trúc
Việc tổ chức thông tin người dùng nhìn thấy trên màn hình thành một bài thuyết trình gắn kết sử dụng JavaScript là rất quan trọng. Người dùng nên xem cấu trúc tài liệu HTML, nhưng cấu trúc nên hỗ trợ nội dung - không nên chú ý đến chính nó. Khi làm việc với một trang, cấu trúc bao gồm mọi thứ từ bảng đến các điều khiển được sử dụng để tương tác và quản lý nội dung mà người dùng quan tâm nhất đến việc xem. Các đối tượng DOM HTML sau đây giúp bạn thực hiện tác vụ này khi làm việc với JavaScript.
| Đối tượng | Mô tả |
|---|---|
| Tài liệu | Cung cấp quyền truy cập vào tất cả các phần tử của toàn bộ trang. Mỗi trang
được tải vào trình duyệt sẽ trở thành một đối tượng Tài liệu mà bạn truy cập sử dụng từ khóa tài liệu. Bạn có thể xem danh sách đầy đủ các phương pháp và thuộc tính liên quan đến đối tượng này tại www. w3schools. com / jsref / dom_obj_document. asp. |
| Sự kiện | Cho phép tương tác với các sự kiện và trình xử lý sự kiện
liên kết với một trang. Mỗi loại phần tử có sự kiện cụ thể liên kết với nó, chẳng hạn như sự kiện nhấp chuột liên kết với đối tượng Nút . Bạn có thể xem danh sách đầy đủ các danh sách các phương pháp và thuộc tính liên quan đến đối tượng này tại www. w3schools. com / jsref / dom_obj_event. asp. |
| HTMLElement | Cung cấp một lớp cơ sở mà từ đó tất cả các phần tử HTML đều có nguồn gốc.
Lớp cơ sở này định nghĩa các thuộc tính và phương thức mà tất cả các phần tử HTML cung cấp. Bạn có thể xem danh sách các phương pháp và tài sản kết hợp với đối tượng này tại www. w3schools. com / jsref / dom_obj_all. asp. |
| Anchor | Biểu diễn một liên kết HTML. Bạn có thể xem danh sách đầy đủ
các phương pháp và thuộc tính liên kết với đối tượng này tại www. w3schools. com / jsref / dom_obj_anchor. asp. |
| Diện tích | Xác định khu vực trong một bản đồ hình ảnh HTML được sử dụng để tạo ra
vùng có thể nhấp cho một phần tử đồ hoạ. Bạn có thể xem danh sách đầy đủ các danh sách các phương pháp và thuộc tính liên quan đến đối tượng này tại www. w3schools. com / jsref / dom_obj_area. asp. |
| Base | Chỉ định địa chỉ mặc định hoặc mục tiêu mặc định cho tất cả các liên kết
trên một trang. Bạn có thể xem danh sách các phương pháp và tài sản kết hợp với đối tượng này tại www. w3schools. com / jsref / dom_obj_base. asp. |
| Body | Biểu thị thẻ
phần của trang, bao gồm tất cả các phần tử có trong thẻ đó . Bạn có thể xem danh sách các phương pháp và thuộc tính được liên kết với đối tượng này tại www.w3schools. com / jsref / dom_obj_body. asp. |
| Nút | Biểu thị một nút trên một trang. Đối tượng này đặc biệt
được kết hợp với thẻ, chứ không phải là mẫu thẻ . Bạn có thể xem danh sách các phương pháp và thuộc tính được liên kết với đối tượng này tại www. w3schools. com / jsref / dom_obj_pushbutton. asp. |
| Mẫu | Biểu diễn biểu mẫu và bao gồm tất cả các phần tử trong biểu mẫu
đó. Bạn có thể xem danh sách các phương pháp và thuộc tính được liên kết với đối tượng này tại www. w3schools. com / jsref / dom_obj_form. asp. |
| Khung và khung IFrame | Biểu thị khung (thẻ) hoặc khung nội tuyến ( |