Що означає "javascript: void (0)"?

<a href="javascript:void(0)" id="loginlink">login</a>

Я бачив такі hrefбагато разів, але не знаю, що саме це означає.

voidОператор оцінює цей вислів , а потім повертається undefined.

voidОператор часто використовується тільки для отримання undefinedелементарного значення, як правило , з використанням « void(0)» (що еквівалентно « void 0»). У цих випадках глобальна змінна undefined може бути використана натомість (при умові, що вона не була присвоєна значенню, яке не є за замовчуванням).

Тут надано пояснення: voidоператор .

Причина, яку ви хочете зробити з hrefпосиланням, полягає в тому, що зазвичай javascript:URL-адреса переспрямовує браузер на звичайну текстову версію результату оцінки цього JavaScript. Але якщо результат є undefined, то браузер залишається на одній сторінці. void(0)це лише короткий і простий сценарій, який оцінює undefined.

Окрім технічної відповіді, javascript:voidозначає, що автор - це робити неправильно.

Немає вагомих причин використовувати javascript:псевдо-URL (*). На практиці це спричинить плутанину чи помилки, якщо хтось спробує такі речі, як "посилання на закладки", "відкрита посилання на новій вкладці" тощо. Це трапляється досить багато зараз, коли люди звикли до середнього клацання для нової вкладки: це схоже на посилання, ви хочете прочитати його на новій вкладці, але виявляється, що це зовсім не справжнє посилання, і дає небажані результати, наприклад, порожня сторінка або помилка JS при натисканні середнього клацання.

<a href="#">є загальною альтернативою, яка може бути менш поганою. Однак ви повинні пам’ятати про це return falseвід свого onclickобробника подій, щоб запобігти переходу посилання та прокручування вгору сторінки.

У деяких випадках може бути фактично корисне місце для вказівки на посилання. Наприклад, якщо у вас є елемент керування, ви можете натиснути на це, що відкриває раніше прихований <div id="foo">, має сенс використовувати <a href="#foo">для посилання на нього. Або якщо існує той самий спосіб, що не JavaScript, (наприклад, "thispage.php? Show = foo", який встановлює foo, видимий для початку), ви можете зв’язати це.

В іншому випадку, якщо посилання вказує лише на якийсь сценарій, він насправді не є посиланням і не повинен бути позначений як такий. Звичайний підхід повинен був би додати onclickдо <span>, <div>, або <a>без hrefі стиль його в деякому роді , щоб зрозуміти , ви можете натиснути на неї. Це те, що StackOverflow [робив під час написання; тепер він використовує href="#"].

Недоліком цього є те, що ви втрачаєте керування клавіатурою, оскільки не можете вкладати вказівку на "span / div / bare-a" або активувати її з пробілом. Чи є це насправді недоліком, залежить від того, яку дію елемент має на меті здійснити. Ви можете, доклавши певних зусиль, імітувати функціональність клавіатури, додавши tabIndexелемент і слухаючи клавішу Space. Але це ніколи не буде на 100% відтворювати реальну поведінку браузера, не в останню чергу тому, що різні браузери можуть по-різному реагувати на клавіатуру (не кажучи вже про невізуальні браузери).

Якщо ви дійсно хочете, щоб елемент, який не є посиланням, але який може бути активований як звичайно мишею або клавіатурою, потрібне <button type="button">(або <input type="button">так само добре, для простого текстового вмісту). Ви завжди можете використовувати CSS, щоб змінити його, щоб він більше нагадував посилання, ніж кнопку, якщо хочете. Але оскільки він поводиться як кнопка, саме так слід позначити його.

(*: при авторському javascript:розробці сайтів у будь-якому разі. Очевидно, вони корисні для закладок. Псевдо-URL-адреси - це концептуальна химерність: локатор, який не вказує на місцеположення, а натомість викликає активний код всередині поточного місця розташування. Вони викликали масову безпеку проблеми як для браузерів, так і для веб-сайтів, і їх ніколи не слід було вигадувати Netscape.)

Це означає, що він нічого не зробить. Це спроба, щоб посилання не "переходило" нікуди. Але це не правильний шлях.

Насправді вам слід просто return falseу такому onclickвипадку, як:

<a href="#" onclick="return false;">hello</a>

Зазвичай він використовується, якщо посилання робить якусь справу "JavaScript-y". Як опублікувати форму AJAX, або поміняти зображення, або будь-що інше. У цьому випадку ви просто виконуєте будь-яку функцію, яку називають return false.

Однак, щоб зробити ваш веб-сайт абсолютно приголомшливим, зазвичай ви включите посилання, яке робить те саме, якщо людина, яка переглядає його, вирішить не запускати JavaScript.

<a href="backup_page_displaying_image.aspx"
   onclick="return coolImageDisplayFunction();">hello</a>

Є велика різниця в поведінці "#" проти javascript: void

"#" прокручує вас до ТОП сторінки, а "javascript: void (0);" не.

Це дуже важливо, якщо ви кодуєте динамічні сторінки. користувач не хоче повертатися до вершини лише тому, що натиснув посилання на сторінці.

Це дуже популярний метод додавання функцій JavaScript до посилань HTML.
Наприклад: [Print]посилання, які ви бачите на багатьох веб-сторінках, написані так:

<a href="javascript:void(0)" onclick="callPrintFunction()">Print</a>

Чому нам потрібно, hrefпоки onclickсамотні можуть виконати роботу? Тому що, коли користувачі наведіть курсор на текст "Друк", коли його немає href, курсор зміниться на каре (ꕯ) замість вказівника (👆). Тільки маючи hrefна aтезі перевіряє його в якості гіперпосилання.

Альтернативою href="javascript:void(0);"є використання href="#". Ця альтернатива не вимагає включення JavaScript у браузері користувача, тому вона є більш сумісною.

Ви завжди повинні мати HREF на ваших через тег. Виклик функції JavaScript, яка повертає "невизначений", буде добре. Так буде посилання на "#".

Якірні теги в Internet Explorer 6 без href не a:hoverзастосовують стиль.

Так, це жахливо і незначний злочин проти людства, але знову ж таки, як і Internet Explorer 6 взагалі.

Я сподіваюся, що це допомагає.

Internet Explorer 6 - це фактично великий злочин проти людства.

Варто зазначити, що іноді ви побачите пустоту 0 під час перевірки на невизначеність, просто тому, що для цього потрібно менше символів.

Наприклад:

something === undefined

vs.

something === void 0

Деякі методи мінімізації замінюють невизначений на пусті 0 з цієї причини.

Використання javascript:void(0)означає, що автор HTML неправильно використовує елемент прив’язки замість елемента кнопки.

Теги прив’язки часто зловживають під час події onclick для створення псевдо кнопок, встановлюючи href на "#" або "javascript: void (0)", щоб запобігти оновленню сторінки. Ці значення викликають несподівану поведінку під час копіювання / перетягування посилань, відкриття посилань у нових вкладках / вікнах, закладки та коли JavaScript все ще завантажується, вимикається помилки або відключається. Це також передає некоректну семантику допоміжним технологіям (наприклад, зчитувачам екрану). У цих випадках рекомендується використовувати <button>замість цього. Як правило, ви повинні використовувати якір для навігації лише за допомогою належної URL-адреси.

Джерело: MDN в <a>Page .

void- це оператор, який використовується для повернення undefinedзначення, тому браузер не зможе завантажити нову сторінку.

Веб-браузери намагатимуться взяти все, що використовується як URL, і завантажуватимуть його, якщо це не функція JavaScript, яка повертає нуль. Наприклад, якщо ми натиснемо на таке посилання:

<a href="javascript: alert('Hello World')">Click Me</a>

тоді з’явиться повідомлення попередження, не завантажуючи нову сторінку, і це тому alert, що це функція, яка повертає нульове значення. Це означає, що коли браузер намагається завантажити нову сторінку, вона стає нульовою і нічого не може завантажувати.

Важлива річ, яку слід зазначити про оператор void - це те, що він вимагає значення і не може бути використаний сам. Ми повинні використовувати його так:

<a href="javascript: void(0)">I am a useless link</a>

Щоб зрозуміти цю концепцію, слід спочатку зрозуміти недійсний оператор у JavaScript.

Синтаксис оператора void - це: void «expr»який оцінює expr і повертає невизначений.

Якщо ви реалізуєте void як функцію, це виглядає так:

function myVoid(expr) {
    return undefined;
}

Цей недійсний оператор має одне важливе використання - відкидання результату вираження.

У деяких ситуаціях важливо повернути невизначене на відміну від результату вираження. Тоді недійсність може бути використана для відмови від цього результату. Одна з таких ситуацій пов’язана з JavaScript: URL-адреси, яких слід уникати для посилань, але корисні для закладок. Коли ви відвідуєте одну з цих URL-адрес, багато браузерів замінюють поточний документ результатом оцінки URL-адреси "вміст", але лише якщо результат не визначений. Отже, якщо ви хочете відкрити нове вікно без зміни поточного відображеного вмісту, ви можете зробити наступне:

javascript:void window.open("http://example.com/")

voidОператор оцінює цей вислів , а потім повертає невизначене значення. Це дозволяє уникнути оновлення сторінки.

Веб-розробники використовують, javascript:void(0)оскільки це найпростіший спосіб запобігти поведінці aтегів за замовчуванням . void(*anything*)повертається, undefinedі це хибне значення. і повернути хибне значення - це як return falseу onclickвипадку aтегів, які перешкоджають його поведінці за замовчуванням.

Тому я думаю, що javascript:void(0)це найпростіший спосіб запобігти поведінці aтегів за замовчуванням .

Для посилання має бути вказана ціль HREF, щоб вона могла бути об’єктом відображення.

Більшість браузерів не розбере розширений JavaScript у

<A HREF="" 

тег, наприклад:

<A href="JavaScript:var elem = document.getElementById('foo');" 

оскільки тег HREF у більшості браузерів не дозволяє пробілу чи перетворить пробіл у% 20, HEX еквівалент SPACE, який робить ваш JavaScript абсолютно марним для інтерпретатора.

Отже, якщо ви хочете використовувати тег HREF для виконання вбудованого JavaScript, ви повинні вказати дійсне значення для HREF FIRST, яке не надто складне (не містить пробілу), а потім надати JavaScript у тезі атрибутів події, як OnClick , OnMouseOver, OnMouseOut тощо.

Типова відповідь - зробити щось подібне:

<A HREF="#" onclick="var elem = document.getElementById('foo');">Get the object</a>

Це прекрасно працює, але це змушує сторінку перескакувати доверху, оскільки знак фунта / хеш-тег підказує це зробити.

Просто надання тегу знака фунта / хеша в тезі HREF фактично визначає корінь якоря, який завжди, за замовчуванням, у верхній частині сторінки, ви можете вказати інше місце, використовуючи вказівку атрибута NAME всередині тегу HREF.

<A NAME='middleofpage'></A>

Потім ви можете змінити свій тег HREF, щоб перейти на 'middleofpage' та виконати JavaScript у події OnClick, як тільки це станеться так:

<A HREF="#middleofpage" onclick="var elem = document.getElementById('foo');">Get the object</a>

Буде МНОГО разів, коли ви не хочете, щоб це посилання стрибало навколо, тож ви можете зробити дві речі:

<A HREF="#thislinkname" name='thislinkname' onclick="var elem = document.getElementById('foo');">Get the object</a>

Тепер при натисканні він нікуди не піде, але це може призвести до того, що сторінка переглянеться в центрі від поточного огляду. Це не дуже. Який найкращий спосіб забезпечити вбудований javascript, використовуючи A HREF, але без того, щоб робити що-небудь з перерахованого вище? JavaScript: void (0);

<A HREF="JavaScript:void(0);" onclick="var elem = document.getElementById('foo');">Get the object</a>

Це сповіщає браузер переходити ЗАРАЗ, але замість цього виконувати дійсний JavaScript: void (0); функція спочатку в тезі HREF, оскільки вона не містить пробілу, і не буде аналізуватися як URL-адреса. Замість цього він буде працювати компілятором. VOID - це ключове слово, яке при постачанні з параметром 0 повертається НЕ ВИЗНАЧЕНО, яке не використовує більше ресурсів для обробки значення повернення, яке відбудеться без вказівки 0 (це більше управління пам’яттю / продуктивністю).

Наступне, що трапляється - виконується OnClick. Сторінка не переміщується, нічого не відбувається на екрані.

JavaScript: URL-адреси вбік; саме тут пустота може бути корисною для написання коротшого коду.

var error1 = false,
    error2 = false,
    error3 = false;

function error1() {

  error1 = true;
}

function myFunction() {

  // You can easily return and call a function at once, if you don't care about myFunction's return value
  if (!someCondition1)
    return error1();

  // What if you want to set a value first?
  if (!someCondition2) {
    error2 = true;
    return
  }

  // Shortest way to return and set a value at once
  if (!someCondition3)
    return void(error3 = true);

  // More code goes here
}