de-vraag
Więcej
Question

Której wartości "href" powinienem użyć dla linków JavaScript, "#" czy "javascript:void(0)"?

Poniżej przedstawione są dwie metody budowania linków, których jedynym celem jest uruchamianie kodu JavaScript. Która z nich jest lepsza, jeśli chodzi o funkcjonalność, szybkość ładowania strony, cele walidacji, itp.

function myJsFunc() {
    alert("myJsFunc");
}
<a href="#" onclick="myJsFunc();">Run JavaScript Code</a>

lub

function myJsFunc() {
    alert("myJsFunc");
}
 <a href="javascript:void(0)" onclick="myJsFunc();">Run JavaScript Code</a>
Peter Mortensen
Peter Mortensen
Edytowane pytanie 19. lutego 2017 в 8:58
Programowanie
javascript
html
performance
optimization
href
To pytanie ma 1 odpowiedź w języku angielskim, aby je przeczytać zaloguj się na swoje konto.

'#' przeniesie użytkownika z powrotem na górę strony, więc zazwyczaj używam void(0).

javascript:; również zachowuje się jak javascript:void(0);.

Gabe Rogan
Gabe Rogan
Edytowana odpowiedź 11. maja 2017 в 4:33
314

Pierwszy z nich, najlepiej z prawdziwym linkiem do naśladowania w przypadku, gdy użytkownik ma wyłączony JavaScript. Upewnij się tylko, że zwrócisz wartość false, aby zapobiec wystąpieniu zdarzenia kliknięcia, jeśli JavaScript zostanie wykonany.

<a href="#" onclick="myJsFunc(); return false;">Link</a>

Jeśli używasz Angular2, ten sposób działa:

<a [routerLink]="" (click)="passTheSalt()">Kliknij mnie</a>.

Zobacz tutaj https://stackoverflow.com/a/45465728/2803344

Belter
Belter
Edytowana odpowiedź 12. października 2017 в 12:00
139

Nie trać z oczu faktu, że Twój URL może być niezbędny -- onclick jest odpalany przed wykonaniem odnośnika, więc czasami będziesz musiał przetworzyć coś po stronie klienta przed opuszczeniem strony.

8