Come includere sia HREF che OnClick a HTML <a> Etichetta

HTML consente al suo utente di aggiungere vari attributi all'interno degli elementi HTML. Inoltre, consente inoltre agli sviluppatori di invocare la funzione JavaScript all'interno degli elementi HTML per rendere il sito Web più reattivo. Ad esempio, potrebbe essere necessario acquisire l'evento di clic e quindi passare a un altro sito Web. Per farlo, il "Href" E "al clic"Sono entrambi gli attributi nell'HTML""Tag.

Questo post spiega per l'inclusione di OnClick e HREF entrambi al tag HTML.

Come includere sia il tag "href" che "onclick" al tag HTML ""?

Per includere sia HREF che OnClick al tag HTML, creare un contenitore di div e inserire il tag "". Quindi, tra il tag "", usa il "Href"Attributo HTML e"al clic"Evento JavaScript.

Per fare ciò, segui le istruzioni fornite.

Passaggio 1: crea un contenitore di div

Innanzitutto, crea un contenitore Div utilizzando il ""Tag.

Passaggio 2: aggiungi sia "Href" che "OnClick in un tag

Successivamente, usa il “"Tag e inserire il"Href"Attributo per aggiungere l'URL del sito Web e"al clic"Attributo per eseguire un evento quando l'utente fa clic su di esso:

Cliccami

Di conseguenza, quando viene fatto clic sul collegamento aggiunto, verrà creato un evento e siamo navigati su "Suggerimento Linux"Homepage:

Passaggio 3: utilizzare la funzione "Alert ()"

Aggiungi il ""Tag e inserire la seguente funzione tra lo script:

Secondo il codice dato:

• IL "funzione crea (e)"È definito per la creazione di un nuovo evento quando un utente fa clic sul collegamento indicato incorporato nel testo.
• "mettere in guardia()"La funzione genera un messaggio di avviso quando un utente fa clic sul collegamento. Gli utenti devono confermare facendo clic su "OK"Per andare avanti.

Di conseguenza, facendo clic sul pulsante aprirà una casella di avviso con il messaggio "Ciao":

La funzionalità data può essere utilizzata in scenari come la visualizzazione di un messaggio in caso di iscrizione a un sito Web.

Passaggio 4: applicare “E.Funzione PreventDefault () "

Nel caso opposto, quando il "e.PreventDefault ()"La funzione viene invocata, interromperà la creazione di un evento mentre l'utente fa clic sul collegamento incorporato:

funzione crea (e)
e.preventDefault ();

Di conseguenza, non succederà nulla dopo il clic:

Si tratta di includere HREF e OnClick all'interno del tag di HTML.

Conclusione

Per includere HREF e onClick su HTML ""Tag, prima, crea un"div"Container e inserire il tag" "in HTML. Quindi, aggiungi il "Href"Per inserire l'URL del sito Web. Dopodiché, aggiungi un "al clic"Evento che viene utilizzato per la creazione di un evento quando l'utente fa clic sul collegamento. Questo articolo ha spiegato il metodo per l'aggiunta di HREF e OnClick in un tag HTML.