Toán tử void của JavaScript đánh giá một biểu thức và trả về không xác định.
Bạn có thể sử dụng bảng điều khiển để xác minh tương tự:
Ghi chú: khoảng trống, bất kể giá trị nào được truyền đi, * luôn trả về không xác định như được trình bày ở trên*. Nhưng mà, vô hiệu với các toán hạng 0 được ưu tiên.
Có hai cách sử dụng toán hạng 0: void(0) hoặc void 0. Cách nào cũng được.
Khi nào nên sử dụng Javascript void(0)
Sử dụng javascript:void(0) nếu khi nhấp vào liên kết, bạn không muốn trình duyệt tải một trang mới hoặc làm mới trang đó (tùy thuộc vào URL được chỉ định).
Thay vào đó, nó sẽ chỉ thực hiện JavaScript được đính kèm với liên kết đó.
Ví dụ 1 với Javascript void(0):
<html>
<body>
<a href="https://www.freecodecamp.org/news/what-does-javascript-void-operator-do/javascript:void(0);alert("Hello ! I am here')">Click Me</a>
</body>
</html>Đầu ra:
Khi ai đó nhấp vào liên kết ClickMe, một cảnh báo sẽ bật lên như bên dưới:
Ví dụ 2 với Javascript void(0):
<html>
<body>
<a href="https://www.freecodecamp.org/news/what-does-javascript-void-operator-do/javascript:void(0)" ondblclick="alert('Hi,i didnt refresh the page')" )>Click Me</a>
</body>
</html>Đầu ra:
Khi bạn nhấp đúp vào liên kết, một cảnh báo sẽ bật lên mà không cần làm mới trang.
Ví dụ 3 với Javascript void(0):
<html>
<body>
<a href="javascript:void(0);https://www.google.co.in/"
ondblclick="alert('Hello !! You will see me and not get redirected to google.com ')">Click Me</a>
</body>
</html>Đầu ra:
Khi bạn nhấp đúp vào liên kết, một cảnh báo sẽ bật lên. Đóng nó cũng sẽ không chuyển hướng đến google.com.
Ví dụ không có khoảng trống Javascript (0):
<html>
<body>
<a href="https://www.google.co.in/" ondblclick="alert('Hello !! You will see me and then get redirected to google.com even if not needed')">Click Me</a>
</body>
</html>Đầu ra:
Khi bạn nhấp đúp vào liên kết, một cảnh báo sẽ bật lên, nhưng khi đóng nó, nó sẽ chuyển hướng đến google.com.
Phần kết luận
Các khoảng trống rất hữu ích khi bạn cần ngăn chặn bất kỳ hoạt động làm mới hoặc chuyển hướng trang không mong muốn nào. Thay vào đó, nó thực hiện một số thao tác JavaScript.
Thêm thông tin:
- Tài liệu Mozilla
