Что такое Javascript:void(0) и как ее использовать?

void — это встроенная функция, которая возвращает неопределенное, как и неопределенная функция в JavaScript. Однако он полностью отличается от функции undefined. Эта функция может понадобиться нам, когда мы не хотим, чтобы якорный текст переводил нас на страницу. Эта функция отключает основную функциональность текста якоря, поскольку при нажатии на текст якоря страница не перезагружается и навигация не осуществляется. Этот оператор можно использовать для вызова функции, а также для применения CSS, когда пользователь нажимает на якорный текст.

1. Использование оператора Void

Мы уже упоминали о различных вариантах использования оператора void в приведенных ниже примерах.

1.1 Отключение анкорного текста с помощью оператора Void

Первый пример и основное свойство оператора Void заключается в том, что он предотвращает переход пользователей по якорному тексту на другую страницу. Когда вы используете якорный текст без указания ссылки в атрибуте href, то страница будет перезагружена. Однако если использовать оператор void в атрибуте href, то страница не будет перезагружаться.

Иногда мы отчаянно хотим использовать якорный текст, но не хотим перезагружать страницу. В данном случае мы используем оператор Void для предотвращения навигации. Ниже описаны шаги по использованию оператора void в анкорном тексте:

1. Откройте редактор кода и создайте HTML-файл
2. Нажмите Shift + ! для импорта базового макета HTML, или если вы используете другой редактор кода, то просто скопируйте шаблон из google.
3. Затем введите или вставьте следующий код

   <a href="javascript:void(0)">Ссылка</a>

   

4. Щелкните правой кнопкой мыши на коде и нажмите кнопку Открыть с помощью Live Server
   

   

   Примечание: Live server — это расширение, которое запускает код в браузере по умолчанию после сохранения кода.

5. Теперь щелкните на кнопке Ссылка и увидите, что ваша страница не перезагружается, поскольку Void возвращает неопределенное значение
   

   

6. Вы можете запустить функцию Void (0) в консоли, чтобы проверить, что она возвращает
   

   

1.2 Call A Function Using A Void Operator

Вы также можете вызвать любую функцию javascript с помощью оператора Void. Для этого выполните следующие действия:

1. Перейдите в редактор кода и создайте тег script для выполнения небольшой функции javascript, которая будет возвращать значение в консоли.log. Вы можете просто скопировать следующий код.

   пусть a = (b=10) =>{
   консоль.log(b)
   }

2. Введите a, и VS Code выдаст предложение по реализации якорного текста
   Примечание: Если вы используете другое приложение для работы с кодом, введите <a href=”‘”>Ссылка</a>
3. Дайте название якорному тексту. Мы создали якорный текст с именем Ссылка
4. После того как вы создали якорный текст, введите javascript:void(a()) в атрибуте ahref для вызова функции
   

   

5. Нажмите Ctrl + S для сохранения, затем откройте браузер
6. Щелкните правой кнопкой мыши и выберите Просмотрите или нажмите кнопку Ctrl +Shift + I одновременно
   

   

7. С правой стороны открывается окно
8. Переход к Консоль сверху и щелкните на кнопке Ссылка для запуска функции
   

   

9. После щелчка мышью вы увидите, что вывод будет следующим 10 в консоли.
   

   

1.3 Реализация CSS с помощью оператора Void

Добавить CSS с использованием оператора void просто, как создать функцию onclick для выполнения определенной задачи. Чтобы сделать это:

1. Откройте редактор кода, снова импортируйте базовый HTML-шаблон, нажав кнопку Shift + ! на клавиатуре
2. Введите a для создания якорного текста, затем введите следующий код в атрибут href
   Примечание: Если для кодирования используется другое приложение, то для импорта базового HTML-шаблона можно воспользоваться Google

   javascript:void(document.body.стиль.backgroundColor = 'blue')

   

3. По сути, документ.body.стиль.backgroundColor = ‘blue’ будет изменять цвет тела при щелчке на тексте с якорем.
   

   

Выше были приведены возможные сценарии использования оператора Void. Однако если вы где-то застряли или у вас есть сомнения, вы можете спросить в комментариях.