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

: элемент, строка или число, указывающее желаемую позицию прокрутки. href, обычно вместо него можно использовать «

Переменная void (при условии, что оно не было присвоено значению, отличному от значения по умолчанию). undefined Глядя на вывод

Переменная void, который часто используется просто для получения undefined Здесь приводится объяснение: void(0) DOM void 0 выполняет поиск элементов верхнего уровня в вашем выделении.) undefined оператор

ссылки состоит в том, что обычно URL-адрес void перенаправляет браузер на текстовую версию результата оценки этого JavaScript. Но если результат Глядя на вывод

. Причина, по которой вы хотите сделать это с href, то браузер остается на той же странице. javascript: — это всего лишь короткий и простой скрипт, который оценивается как undefined В дополнение к техническому ответу, void(0) является распространенной альтернативой, которая, возможно, может быть менее плохой. Однако вы должны помнить, что undefined Глядя на вывод

имеет смысл использовать javascript:void означает, что автор делает неправильно.

Для тех, кто использует AngularJS, также есть прямая метод для клонирования или расширения объектов в этой библиотеке. javascript: Position: absolute

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

В некоторых случаях может быть действительно полезное место, на которое можно указать ссылку. Например, если у вас есть элемент управления, вы можете нажать на него, чтобы открыть ранее скрытый <div id="foo"> к <a href="#foo"> для ссылки на нее. Или, если есть не-JavaScript способ сделать то же самое (например, «thispage.php? Show = foo», который устанавливает foo видимым для начала), вы можете сделать ссылку на это.

без onclick и стилизовать его, чтобы было понятно, что вы можете щелкнуть по нему. Это то, что StackOverflow [сделал во время написания ;, теперь он использует <span>, <div>, или <a>. Недостатком этого является то, что вы теряете управление с клавиатуры, так как вы не можете перейти на span / div / bare-a или активировать это с пространством. Является ли это на самом деле недостатком, зависит от того, какое действие должен предпринять элемент. Вы можете, с некоторым усилием, попытаться имитировать взаимодействие с клавиатурой, добавив href к элементу и прослушивая нажатие клавиши пробела. Но он никогда не сможет воспроизвести реальное поведение браузера, хотя бы потому, что разные браузеры могут по-разному реагировать на клавиатуру (не говоря уже о невизуальных браузерах). href="#"].

Если вам действительно нужен элемент, который не является ссылкой, но который можно активировать обычным способом с помощью мыши или клавиатуры, то вам нужен tabIndex для простого текстового содержимого). Вы всегда можете использовать CSS, чтобы изменить его стиль, чтобы он выглядел скорее как ссылка, чем кнопка, если хотите. Но так как он ведет себя как кнопка, именно так вы и должны его пометить.

(*: в любом случае, при создании сайта. Очевидно, они полезны для букмарклетов.<button type="button"> ► Значения ключа должны быть заключены в кавычки, для ключей допустимы только строки. Если вы используете не String, он преобразуется в String. Но не рекомендуется использовать ключи, отличные от String. Проверьте пример, подобный этому — <input type="button"> так же хорош, для простого текстового содержания). Вы всегда можете использовать CSS, чтобы изменить его стиль, чтобы он выглядел скорее как ссылка, чем кнопка, если хотите. Но так как он ведет себя как кнопка, именно так вы и должны его пометить.

(*: в любом случае, при разработке сайта. Очевидно, что они полезны для закладок. javascript: Псевдо-URL — это концептуальная причудливость: локатор, который не указывает на местоположение, а вместо этого вызывает активный код внутри текущего местоположения. Они вызвали огромные проблемы с безопасностью как для браузеров, так и для веб-приложений, и никогда не должны были быть изобретены Netscape.)

Faster JavaScript Trim

На самом деле, вы должны просто return false у меня есть страница, где некоторые слушатели событий прикреплены к полям ввода и полям выбора. Есть ли способ узнать, какие прослушиватели событий наблюдают за конкретным узлом DOM и для какого события? & # xA ; & # xA ; Даже … onclick неотвеченные вопросы

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

Обычно он используется, если ссылка делает что-то вроде «JavaScript-у». Например, опубликовать AJAX-форму или обменять изображение, или что-то еще. В этом случае вы просто делаете любую вызываемую функцию и возвращаете false Глядя на вывод

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

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

Существует ОГРОМНОЕ различие в поведении «#» по сравнению с javascript: void

«#» прокручивает вас в верхнюю часть страницы, а «javascript: void (0) ;» — нет.

Это очень важно, если вы кодируете динамические страницы. Пользователь не хочет возвращаться наверх только потому, что он нажал на ссылку на странице.

Этот код находится в событии Onclick кнопки, вы можете поместить его в функцию для вызова.
Например: [Print] ссылки, которые вы видите на многих веб-страницах, пишутся так: { *} С вашим ответом может быть много других вещей, кроме записи в журнал ; вы должны выполнять все эти операции внутри обратного вызова (внутри

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

Зачем нам нужно href, в то время как onclick один может выполнить работу? Потому что, когда пользователи наводят курсор на текст «Печать», когда нет оператора привязки href курсор изменится на каретку (ꕯ) вместо указателя (👆). Применяется только стиль href для самого a из реквизита, чтобы изменить маршрут. Вам необходимо использовать

Альтернатива href="javascript:void(0);", это использование href="#" Прежде чем мы оставим тему управления объектами и массивами по ссылке, нам необходимо прояснить пункт номенклатуры. Фраза «передать по ссылке» может иметь несколько значений. Для некоторых читателей эта фраза относится к технике вызова функции, которая позволяет функции назначать новые значения своим аргументам и отображать эти измененные значения вне функции. Это не то, как термин используется в этой книге. Здесь мы просто подразумеваем, что ссылка на объект или массив, а не сам объект, передается функции. Функция может использовать ссылку для изменения свойств объекта или элементов массива. Но если функция перезаписывает ссылку ссылкой на новый объект или массив, эта модификация не видна за пределами функции. Читатели, знакомые с другим значением этого термина, могут предпочесть сказать, что объекты и массивы передаются по значению, но переданное значение на самом деле является ссылкой, а не самим объектом.

, вторым аргументом будет индекс элемента. Закрытие теги. Вызов функции JavaScript, которая возвращает ‘undefined’, подойдет. Так же будет ссылка на «#».

тегов привязки в Internet Explorer 6 без href не получают a:hover.

Да, это ужасное и незначительное преступление против человечества, но опять же, как и Internet Explorer 6 в целом.

Надеюсь, это поможет.

Internet Explorer 6 на самом деле является серьезным преступлением против человечества.

. Стоит отметить, что вы иногда будете видеть пустое значение 0 при проверке неопределенности, просто потому, что для этого требуется меньше символов.

Также смотрите

something === undefined

Против.

something === void 0

По этой причине некоторые методы минимизации заменяют неопределенное на void 0.

void — это оператор, который используется для возврата { *} D — короткое имя дня undefined x = целое число для заполнения

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

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

тогда появится предупреждающее сообщение без загрузки новой страницы, и это потому, что alert свойство, но отличается от него). Для любого объекта (функции или не функции) это можно получить с помощью

Важно отметить, что оператор void должен иметь значение и не может использоваться сам по себе. Мы должны использовать это так:

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

Чтобы понять эту концепцию, сначала нужно понять оператор void в JavaScript.

Синтаксис для оператора void: void «expr», который вычисляет expr и возвращает undefined.

в Википедии ; теперь она имеет четкое и подробное описание JSONP, основываясь на

function myVoid(expr) {
    return undefined;
}

Этот оператор void имеет одно важное применение — отбрасывание результата выражения.

В некоторых ситуациях важно возвращать undefined, а не результат выражения. Тогда пустота может быть использована, чтобы отбросить этот результат. Одна из таких ситуаций связана с javascript: URL, которые следует избегать для ссылок, но полезны для букмарклетов. Когда вы посещаете один из этих URL-адресов, многие браузеры заменяют текущий документ результатом оценки «содержимого» URL-адресов, но только если результат не определен. Следовательно, если вы хотите открыть новое окно без изменения текущего отображаемого содержимого, вы можете сделать следующее:

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

Переменная void оценивает данное выражение и затем возвращает undefined. Это позволяет избежать обновления страницы.

Использование javascript:void(0) таким образом, который мне нравится больше всего, мы можем легко вызывать наши функции, например:

Якорные теги часто используются с событием onclick для создания псевдокнопок, устанавливая для href значение «#» или «javascript: void (0)», чтобы предотвратить появление страницы. Обновление. Эти значения вызывают неожиданное поведение при копировании / перетаскивании ссылок, открытии ссылок в новых вкладках / окнах, закладках и когда JavaScript все еще загружается, ошибка Выключен или отключен. Это также передает неверную семантику вспомогательным технологиям (например, программам чтения с экрана). В этих случаях рекомендуется использовать ответ <button> вместо В общем, вы должны использовать только якорь для навигации, используя правильный URL.

Источник: MDN’s <a> страница Глядя на вывод

Ссылка должна иметь цель HREF, которая должна быть указана, чтобы она могла быть полезный экранный объект.

Большинство браузеров не будут анализировать продвинутый JavaScript {{}} radix

<A HREF="" 

, например:

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

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

Поэтому, если вы хотите использовать тег HREF для выполнения встроенного JavaScript, вы должны указать допустимое значение для HREF FIRST, которое не слишком сложно (не содержит пробелов), а затем предоставить JavaScript в атрибуте события такие теги, как OnClick, OnMouseOver, OnMouseOut и т. д.

Типичный ответ — сделать что-то вроде этого:

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

Это прекрасно работает, но заставляет страницу переходить наверх, потому что тэг знака решетки / хеш-код указывает на это.

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

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

Как вы используете? : (условный) оператор в JavaScript?

<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>

отрицательно

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

Это говорит браузеру, что нужно идти НИЧЕГО, а вместо этого выполнять действительный JavaScript: void (0) ; сначала в теге HREF, потому что он не содержит пробелов и не будет анализироваться как URL. Вместо этого он будет выполняться компилятором. VOID — это ключевое слово, которое, если оно снабжено параметром 0, возвращает UNDEFINED, которое не использует больше ресурсов для обработки возвращаемого значения, которое может возникнуть без указания 0 (это более удобно для управления памятью / производительности).

Следующее, что происходит, — это выполнение OnClick. Страница не перемещается, ничего не происходит для отображения.

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

Так что я думаю, что javascript:void(0) — это самый простой способ предотвратить поведение по умолчанию a для задачи, предназначенной для обработки большого количества элементов

Определить все пути в вашем приложении здесь

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
}

, надеюсь, это поможет … javascript.void(0). Я не уверен, что это правильный путь, но выполняет задание

$(document).ready(function() {
  jQuery(".show-hide-detail").hide();
  jQuery(".show-hide-detail:first").show();
  jQuery(".show-hide-btn a").click(function() {
    var thid_data = jQuery(this).attr('data-id');
    jQuery(".show-hide-btn a").removeClass('active');
    jQuery(this).addClass('active');
    if (!jQuery("#"   thid_data).is(":visible")) {
      jQuery(".show-hide-detail").hide();
      jQuery("#"   thid_data).show();
    }
  });
});
<section>
  <div class="features">
    <div class="container">
      <h1>Room Dimensions</h1>
      <p class="description">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tempor arcu non ligula convallis, vel tincidunt ipsum posuere.sollicitudin. Duis iaculis, arcu ut hendrerit pharetra, elit augue pulvinar magna
      </p>
      <div class="dimension-btn show-hide-btn">
        <a class="active" data-id="LivingRoom">Living Room</a>
        <a href="javascript:void(0)" data-id="DiningRoom">Dining Room</a>
        <a href="javascript:void(0)" data-id="Kitchen">Kitchen</a>
        <a href="javascript:void(0)" data-id="MasterBedroom">Master Bedroom</a>
        <a href="javascript:void(0)" data-id="Bedroom2">Bedroom 2</a>
        <a href="javascript:void(0)" data-id="Bedroom3">Bedroom 3</a>
        <a href="javascript:void(0)" data-id="Bathroom">Bathroom</a>
        <a href="javascript:void(0)" data-id="Gym">Gym</a>
        <a href="javascript:void(0)" data-id="SwimmingPool">Swimming Pool</a>
      </div>
      <div class="row">
        <div class="LivingRoom Dimension-detail show-hide-detail" id="LivingRoom" style="display: block;"></div>
        <div class="LivingRoom Dimension-detail show-hide-detail" id="DiningRoom" style="display: none;"></div>
        <div class="LivingRoom Dimension-detail show-hide-detail" id="Kitchen" style="display: none;"></div>
        <div class="LivingRoom Dimension-detail show-hide-detail" id="MasterBedroom" style="display: none;"></div>
        <div class="LivingRoom Dimension-detail show-hide-detail" id="Bedroom2" style="display: none;"></div>
        <div class="LivingRoom Dimension-detail show-hide-detail" id="Bedroom3" style="display: none;"></div>
        <div class="LivingRoom Dimension-detail show-hide-detail" id="Bathroom" style="display: none;"></div>
        <div class="LivingRoom Dimension-detail show-hide-detail" id="SwimmingPool" style="display: none;"></div>
        </div>
      </div>
    </div>



</section>