JavaScript - HREF vs onClick dla funkcji wywołania zwrotnego na hiperłącze

Podczas programowania w JavaScript może istnieć wymaganie integracji wielu funkcji na stronie internetowej lub stronie. Na przykład powiązanie podobnych cech zależy od siebie. W takich sytuacjach funkcje zwrotne w połączeniu z „Href" I "na kliknięcie„Odgrywają istotną rolę w usprawnieniu złożoności na końcu programisty.

Ten zapis ilustruje funkcjonalność HREF i OnClick dla funkcji wywołania zwrotnego na HyperLink w JavaScript.

„Href” vs „onClick” dla funkcji wywołania zwrotnego na hiperłącze w JavaScript

„„Href”Atrybut podaje adres URL bieżącej strony i„na kliknięcie”Wydarzenie przekierowuje się do funkcji JavaScript. „„oddzwonić”Funkcja odnosi się do funkcji przekazanej jako argument do innej funkcji.

Podstawowe różnice między „href” i „onClick” w JavaScript

Poniżej znajdują się podstawowe różnice między „href” i „onClick” w JavaScript:

Href	na kliknięcie
"Href”Jest atrybutem HTML.	"na kliknięcie" jest częścią atrybutu zdarzenia.
Przekierowuje się do hiperłączy za pomocą znacznika „” i przełączników między stronami internetowymi.	Służy do wywoływania funkcji w pliku skryptu.
Działa tylko wtedy, gdy określono w znaczniku „”.	Można go zastosować/podłączyć do dowolnego elementu HTML.

Jak używać atrybutu „HREF” do funkcji wywołania zwrotnego na hiperłącze w JavaScript?

„„Href„Atrybut jest wykorzystywany do przekierowania do hiperłącza w kotwicy””Tag i przełącz między różnymi stronami internetowymi. W tym podejściu ten atrybut można użyć do wywołania funkcji wywołania zwrotnego i odpowiednio wyświetlania komunikatu:

Kliknij

W powyższym fragmencie kodu:

• Po pierwsze, stwórz hiperłącze za pośrednictwem kotwicy ”„Tag ma„Href„Przekierowanie atrybutu do funkcji o nazwie„myFunction ()„Kumulowanie funkcji wywołania zwrotnego”myDisplay ()„Jako jego argument.
• W bloku kodu JS zadeklaruj funkcję zdefiniowaną przez użytkownika „myFunction ()".
• W swojej definicji zainicjuj podaną wartość ciągu.
• Następnie powołaj się do funkcji wywołania zwrotnego „myDisplay ()”Posiadanie określonej wartości ciągu jako jego argumentu.
• Teraz zadeklaruj funkcję wywołania zwrotnego o nazwie „myDisplay ()”Przekazując wartość ciągu z poprzedniej funkcji jako jej argument i wyświetlaj ją za pomocą„alarm”Dialog po kliknięciu linku.

Wyjście

W powyższym wyjściu można zauważyć, że funkcja odwołania jest powołana pomyślnie za pośrednictwem „Href" atrybut.

Jak używać zdarzenia „OnClick” do funkcji wywołania zwrotnego na HyperLink w JavaScript?

„„na kliknięcie„Wydarzenie jest wykorzystywane do wywołania określonej funkcji. To zdarzenie można zastosować w połączeniu z funkcją wywołania zwrotnego, aby przekierować do funkcji wywołania zwrotnego ostatecznie po przycisku Kliknij i zwrócić sumę wartości:

Kliknij

W powyższym fragmencie kodu:

• Najpierw utwórz przycisk z załączonym „na kliknięcie„Przekierowanie zdarzenia do funkcji o nazwie MyFunction () o podanych wartościach i funkcji wywołania zwrotnej MyDisplay () odpowiednio jako jego (główna funkcja) argumenty.
• W kodzie JS zdefiniuj funkcję o nazwie „myFunction ()„Posiadanie podanych parametrów.
• W definicji funkcji zwróć sumę wartości w funkcji wywołania zwrotnej jako jej argument.
• Na koniec zdefiniuj funkcję wywołania zwrotnego o nazwie „myDisplay ()”I wyświetl wynikającą sumę w oknie dialogowym Alert.

Wyjście

Jak widać, wynikowa wartość suma została wyświetlona jako ostrzeżenie na przycisku.

Wniosek

„„Href”Atrybut podaje adres URL bieżącej strony i„na kliknięcie”Wydarzenie przekierowuje się do funkcji JavaScript. Podejścia te można wykorzystać do przekierowania funkcji, gromadzenia funkcji wywołania zwrotnego i wyświetlania odpowiednio odpowiedniego komunikatu i wynikającej suma. Ten zapis ilustruje różnice między funkcjami HREF i OnClick dla funkcji wywołania zwrotnego na hiperłączy w JavaScript.