Khoảng trống là một hàm sẵn có trả về giá trị không xác định, giống như hàm không xác định trong JavaScript. Tuy nhiên, nó hoàn toàn khác với chức năng không xác định. Chúng tôi có thể cần chức năng này khi chúng tôi không muốn văn bản neo điều hướng chúng tôi đến một trang. Chức năng này vô hiệu hóa chức năng cơ bản của văn bản neo vì khi bạn nhấp vào văn bản neo, trang sẽ không tải lại và bạn sẽ không điều hướng. Toán tử này có thể được sử dụng để gọi một hàm và bạn cũng có thể áp dụng CSS khi người dùng nhấp vào văn bản liên kết
1. Công dụng của toán tử Void
Chúng tôi đã đề cập đến các cách sử dụng khác nhau của toán tử void trong các ví dụ bên dưới
1. 1 Vô hiệu hóa Anchor Text bằng toán tử Void
Ví dụ đầu tiên và tính năng cơ bản của toán tử Void này là nó ngăn văn bản liên kết điều hướng người dùng đến một trang khác. Khi bạn sử dụng anchor text mà không đưa link vào thuộc tính href thì trang sẽ tải lại. Tuy nhiên, nếu bạn sử dụng toán tử void trong thuộc tính href, trang của bạn sẽ không tải lại được
Đôi khi, chúng tôi rất muốn sử dụng anchor text, nhưng chúng tôi không muốn tải lại trang của mình. Trong trường hợp này, chúng tôi sử dụng toán tử Void để tránh điều hướng. Dưới đây là các bước để sử dụng toán tử void trong anchor text
- Mở trình chỉnh sửa mã của bạn và tạo một tệp HTML
- Nhấn Shift +. để nhập bố cục cơ bản của HTML hoặc nếu bạn đang sử dụng trình chỉnh sửa mã khác, bạn chỉ cần sao chép mẫu từ google
- Sau đó, nhập hoặc dán đoạn mã sau
Link
Triển khai văn bản neo với toán tử khoảng trống - Nhấp chuột phải vào mã và nhấp vào Mở bằng Máy chủ Trực tiếpMở bằng máy chủ trực tiếp
Ghi chú. Máy chủ trực tiếp là tiện ích mở rộng chạy mã trong trình duyệt mặc định của bạn sau khi bạn lưu mã
- Bây giờ hãy nhấp vào Liên kết và xem trang của bạn sẽ không tải lại vì Void trả về không xác địnhNhấp vào Liên kết Void Javascript
- Bạn có thể chạy hàm Void [0] trong bảng điều khiển để kiểm tra kết quả trả vềChạy hàm Void[0] trong bảng điều khiển
1. 2. Gọi một hàm bằng toán tử void
Bạn cũng có thể gọi bất kỳ hàm javascript nào với sự trợ giúp của toán tử Void. Để làm như vậy, hãy làm theo các bước
- Chuyển đến trình chỉnh sửa mã của bạn và tạo thẻ tập lệnh để thực thi một hàm javascript nhỏ sẽ trả về một giá trị trong bảng điều khiển. đăng nhập. Bạn có thể chỉ cần sao chép đoạn mã sau.
let a = [b=10] =>{ console.log[b] } - Nhập a và Mã VS sẽ đưa ra đề xuất để triển khai văn bản neo
Note: If you are using a different code application, type Link - Đặt tên cho anchor text. Chúng ta đã tạo anchor text với tên là Link
- Khi bạn đã tạo anchor text, hãy nhập javascript. void[a[]] trong thuộc tính ahref để gọi hàmTạo và gọi hàm với toán tử Void
- Nhấn Ctrl + S để lưu rồi mở trình duyệt
- Nhấp chuột phải và chọn Kiểm tra hoặc nhấn đồng thời Ctrl +Shift + INhấp vào Kiểm tra
- Một cửa sổ sẽ mở ra từ phía bên phải
- Đi tới Bảng điều khiển từ trên cùng và nhấp vào Liên kết để chạy chức năngNhấp vào liên kết
- Khi nhấp vào, bạn sẽ thấy đầu ra là 10 trong bảng điều khiển. Kiểm tra hàm toán tử trống
1. 3 Triển khai CSS bằng toán tử Void
Để thêm một CSS bằng cách sử dụng toán tử void, đơn giản là tạo một hàm title để thực hiện một tác vụ cụ thể. Làm như vậy
- Mở trình chỉnh sửa mã của bạn, nhập lại mẫu HTML cơ bản bằng cách nhấn Shift +. trên bàn phím
- Nhập a để tạo anchor text, sau đó nhập đoạn mã sau vào thuộc tính href
Ghi chú. Nếu bạn sử dụng một ứng dụng khác để mã hóa, bạn có thể sử dụng Google để nhập mẫu HTML cơ bảnjavascript:void[document.body.style.backgroundColor = 'blue']
Triển khai CSS trong toán tử trống - Tài liệu cơ bản. cơ thể người. Phong cách. backgroundColor = ‘blue’ sẽ thay đổi màu cơ thể khi bạn nhấp vào văn bản neo. Thay đổi màu nền bằng toán tử Void
Ở trên, chúng tôi đã đề cập đến các tình huống có thể xảy ra khi sử dụng toán tử Void. Tuy nhiên, nếu bạn gặp khó khăn ở đâu đó hoặc có nghi ngờ, bạn có thể hỏi trong phần bình luận