JavaScript is required

Trong JavaScript sự kiện Onload xảy ra khi nào?

A.
Khi bắt đầu chạy chương trình
B.
Khi click chuột
C.
Khi di chuyển chuột qua
D.
Khi kết thúc một chương trình
Trả lời:

Đáp án đúng: A


Sự kiện `onload` trong JavaScript xảy ra khi một phần tử HTML, đặc biệt là phần tử ``, đã tải xong. Điều này có nghĩa là tất cả nội dung, bao gồm hình ảnh, script và các tài nguyên khác, đã được tải hoàn tất. Do đó, đáp án chính xác là khi kết thúc một chương trình. Tuy nhiên, cần hiểu rõ hơn, "chương trình" ở đây được hiểu là quá trình tải và hiển thị một trang web hoặc một phần của trang web. * **A. Khi bắt đầu chạy chương trình:** Sai. `onload` không xảy ra khi chương trình bắt đầu. Nó xảy ra khi quá trình tải trang hoàn tất. * **B. Khi click chuột:** Sai. Sự kiện click chuột là một sự kiện riêng biệt, không liên quan đến `onload`. * **C. Khi di chuyển chuột qua:** Sai. Sự kiện di chuột (mouseover/mouseout) cũng là một sự kiện riêng biệt và không liên quan đến `onload`. * **D. Khi kết thúc một chương trình:** Sai. Câu này không chính xác hoàn toàn, mặc dù nó gần đúng nhất. Thực tế, `onload` xảy ra khi trình duyệt đã tải xong tất cả các tài nguyên của trang web (hoặc một phần tử cụ thể, như hình ảnh). Nó không nhất thiết phải là khi "chương trình" (ứng dụng web) kết thúc, mà là khi quá trình tải ban đầu kết thúc.

500+ câu hỏi trắc nghiệm Javascript, CSS, HTML có đáp án chi tiết - Phần 9

Tổng hợp 500 câu hỏi trắc nghiệm Javascript có đáp án đầy đủ nhằm giúp các bạn dễ dàng ôn tập lại toàn bộ các kiến thức.

50 câu hỏi 60 phút
Bắt đầu thi

Câu hỏi liên quan

Câu 29:
Đoạn code sau sẽ cho kết quả như thế nào?
const person = { name: 'duthaho' };
function sayHi(age) {
return `${this.name} is ${age}`;
}
console.log(sayHi.call(person, 69));
console.log(sayHi.bind(person, 69));
Lời giải:
Đáp án đúng: D
Đoạn code trên kiểm tra kiến thức về `call()` và `bind()` trong JavaScript.

- `call()` gọi một hàm với một giá trị `this` và các arguments được cung cấp một cách trực tiếp. Trong trường hợp này, `sayHi.call(person, 69)` gọi hàm `sayHi` với `this` là đối tượng `person` và argument `age` là 69. Kết quả là chuỗi "duthaho is 69" được trả về và in ra console.

- `bind()` tạo ra một hàm mới, trong đó `this` được gán vĩnh viễn cho một đối tượng cụ thể, và các arguments được cung cấp sẽ được gán trước cho hàm đó. Trong trường hợp này, `sayHi.bind(person, 69)` tạo ra một hàm mới, trong đó `this` là đối tượng `person` và `age` là 69. Hàm mới này chưa được gọi ngay mà chỉ được tạo ra, do đó `console.log` sẽ in ra chính định nghĩa của hàm đó (function).

Vì vậy, kết quả in ra sẽ là "duthaho is 69" sau đó là "function".
Câu 30:
Cho đoạn code sau, kết quả là:
function sayHi() {
return (() => 0)();
}
console.log(typeof sayHi());
Lời giải:
Đáp án đúng: B
Đoạn code định nghĩa một hàm `sayHi`. Bên trong hàm này, một arrow function `() => 0` được định nghĩa và thực thi ngay lập tức bằng cách thêm `()`. Arrow function này trả về giá trị `0`. Do đó, hàm `sayHi` trả về giá trị `0`.

Khi `console.log(typeof sayHi())` được thực thi, nó sẽ in ra kiểu dữ liệu của giá trị mà hàm `sayHi()` trả về. Vì `sayHi()` trả về `0`, kiểu dữ liệu của nó là 'number'.
Câu 31:
Cho đoạn code sau, kết quả là:
const url = 'quiz.duthaho.com';
const { length: ln, [ln - 1]: domain = 'quiz' } = url
.split('.')
.filter(Boolean);
console.log(domain);
Lời giải:
Đáp án đúng: C
Đoạn code thực hiện các bước sau:

1. `const url = 'quiz.duthaho.com';`: Khai báo một biến `url` có giá trị là chuỗi `'quiz.duthaho.com'`.
2. `url.split('.')`: Chia chuỗi `url` thành một mảng các chuỗi con bằng cách sử dụng dấu chấm (`.`) làm dấu phân cách. Kết quả là `['quiz', 'duthaho', 'com']`.
3. `.filter(Boolean)`: Lọc mảng để loại bỏ các phần tử có giá trị `falsy` (ví dụ: `null`, `undefined`, `''`, `0`, `false`). Trong trường hợp này, không có phần tử nào bị loại bỏ, vì vậy mảng vẫn là `['quiz', 'duthaho', 'com']`.
4. `const { length: ln, [ln - 1]: domain = 'quiz' } = ...`: Sử dụng cú pháp destructuring để gán giá trị từ mảng đã lọc cho các biến `ln` và `domain`.
* `length: ln`: Gán độ dài của mảng (là 3) cho biến `ln`. Như vậy, `ln = 3`.
* `[ln - 1]: domain = 'quiz'`: Gán giá trị của phần tử tại vị trí `ln - 1` (tức là vị trí `3 - 1 = 2`) cho biến `domain`. Trong mảng `['quiz', 'duthaho', 'com']`, phần tử tại vị trí 2 là `'com'`. Do đó, `domain = 'com'`. Giá trị mặc định `domain = 'quiz'` chỉ được sử dụng nếu phần tử tại vị trí `ln - 1` là `undefined`.
5. `console.log(domain)`: In giá trị của biến `domain` ra console. Vì `domain` có giá trị là `'com'`, nên kết quả in ra là `'com'`.

Vậy đáp án đúng là C.
Câu 32:
Để tạo ra những ô mà chúng có thể kéo rộng ra hơn một dòng trên bảng ta sử dụng thuộc tính:
Lời giải:
Đáp án đúng: C
Câu hỏi này kiểm tra kiến thức về thuộc tính `colspan` và `rowspan` trong HTML dùng để tạo bảng.

* `colspan`: Thuộc tính này xác định số cột mà một ô nên kéo dài qua. Ví dụ, `colspan="2"` sẽ làm cho ô đó chiếm chiều rộng của hai cột.
* `rowspan`: Thuộc tính này xác định số hàng mà một ô nên kéo dài xuống. Ví dụ, `rowspan="2"` sẽ làm cho ô đó chiếm chiều cao của hai hàng.
* `align`: Thuộc tính này dùng để căn chỉnh nội dung bên trong ô theo chiều ngang (left, center, right).
* `valign`: Thuộc tính này dùng để căn chỉnh nội dung bên trong ô theo chiều dọc (top, middle, bottom).

Như vậy, để kéo rộng một ô trên nhiều hàng, ta sử dụng `rowspan`.
Câu 33:
Để khai báo một phần tử điều khiển cho phép người dùng có thể chọn một hay nhiều giá trị ta sử dụng thẻ:
Lời giải:
Đáp án đúng: C
Câu hỏi này kiểm tra kiến thức về các loại thẻ input trong HTML để tạo các phần tử điều khiển cho phép người dùng nhập hoặc chọn dữ liệu. Trong đó:

- ``: Được sử dụng để tạo một trường văn bản một dòng, nơi người dùng có thể nhập văn bản.
- ``: Được sử dụng để tạo một nút radio, cho phép người dùng chọn một tùy chọn duy nhất từ một nhóm các tùy chọn.
- ``: Được sử dụng để tạo một hộp kiểm, cho phép người dùng chọn một hoặc nhiều tùy chọn từ một danh sách các tùy chọn.
- `