onclick = "javascript: func()" w porównaniu z onclick = "func()"

Question

Czy jest jakaś różnica między

<input type="submit" value="Register" onclick="javascript:submitTheForm();"> 

i

<input type="submit" value="Register" onclick="submitTheForm();"> 

powinienem używać javascript: przed wywołaniem funkcji JS ?

Answer 1

javascript: wewnątrz handlerka onwhatever="" jest no-op. Zawartość tego atrybutu jest zawsze JavaScript, więcdefiniuje label - ale poza blokiem lub pętlą switch (gdzie można go użyć do pozycji etykiety), nie robi nic.

Jednak odradza się korzystanie z wbudowanych programów obsługi zdarzeń, ponieważ do rejestrowania funkcji obsługi zdarzeń służy betterways.

---

Choć nie wspomniano w pytaniu, to warto zauważyć, że za pomocą javascript: w atrybucie href działa (i nie jest to rzeczywiście konieczne), ale jest bardzo zniechęcony do różnych powodów:

• this nie wskazuje na element
• Wywołanie funkcji zwracającej wartość powoduje, że przeglądarka opuści stronę
• Kliknięcie łącza z wyłączonymi przerwami JavaScript
• Próbuje otworzyć link w nowym oknie/karcie łamie

Tak więc, jeśli naprawdę trzeba użyć zdarzenia inline, zawsze używaj onclick="" itd bez javascript:.

Answer 2

W przypadku atrybutu onclick nie należy używać prefiksu javascript:. Jest to przydatne, gdy chcesz link <a /> obsługiwać funkcję JS, na przykład:

<a href="javascript:myfunc();"></a> 

Answer 3

javascript:func() używa javascript protocol tak, że może on być stosowany w kotwice href atrybut. Jednak nie rób tego, aby uzyskać więcej informacji, zobacz Why is it bad practice to use links with the javascript: “protocol”?.

Obsługa zdarzeń jest preferowana do uruchamiania zdarzeń zamiast atrybutów.