JavaScript - Href vs OnClick per la funzione di callback su collegamento ipertestuale
Questo articolo illustrerà le funzionalità di HREF e OnClick per la funzione di callback su HyperLink in JavaScript.
"Href" vs "OnClick" per la funzione di callback su collegamento ipertestuale in JavaScript
IL "Href"L'attributo fornisce l'URL della pagina corrente e"al clic"L'evento reindirizza a una funzione JavaScript. IL "richiamare"La funzione si riferisce a una funzione che viene passata come argomento a un'altra funzione.
Differenze fondamentali tra "Href" e "OnClick" in JavaScript
Di seguito sono riportate le differenze fondamentali tra "HREF" e "OnClick" in JavaScript:
| Href | al clic |
|---|---|
| "Href"È l'attributo HTML. | "al clic" fa parte dell'attributo evento. |
| Reindirizza ai collegamenti ipertestuali tramite il tag "" e passa tra le pagine Web. | Viene utilizzato per invocare la funzione nel file di script. |
| Funziona solo se specificato nel tag "". | Può essere applicato/allegato a qualsiasi elemento HTML. |
Come utilizzare l'attributo "href" per la funzione di callback su collegamento ipertestuale in javascript?
IL "Href"L'attributo viene utilizzato per reindirizzare al collegamento ipertestuale nell'ancora""Tag e passa tra varie pagine Web. In questo approccio, questo attributo può essere utilizzato per invocare una funzione di callback e visualizzare il messaggio di conseguenza:
CliccamiNel frammento di codice sopra:
- In primo luogo, crea un collegamento ipertestuale tramite l'ancora "Tag che ha il "Href"Attributo reindirizzamento alla funzione denominata"myFunction ()"Accumulare la funzione di callback"mydisplay ()"Come il suo argomento.
- Nel blocco del codice JS, dichiarare una funzione definita dall'utente "myFunction ()".
- Nella sua definizione, inizializza il valore della stringa indicato.
- Dopodiché, invoca la funzione di callback "mydisplay ()"Avere il valore della stringa specificato come argomento.
- Ora, dichiara la funzione di callback denominata "mydisplay ()"Passando il valore della stringa dalla funzione precedente come argomento e mostralo tramite"mettere in guardia"Dialoga casella facendo clic sul collegamento.
Produzione
Nell'output sopra, si può vedere che la funzione di callback viene invocata correttamente tramite "Href"Attributo.
Come utilizzare l'evento "OnClick" per la funzione di callback su collegamento ipertestuale in JavaScript?
IL "al clic"L'evento viene utilizzato per invocare una funzione particolare. Questo evento può essere applicato combinato con la funzione di callback per reindirizzare alla funzione di callback alla fine al clic del pulsante e restituire la somma dei valori:
Nel frammento di codice sopra:
- In primo luogo, crea un pulsante con un allegato "al clic"Reindirizzamento dell'evento alla funzione denominata myfunction () con i valori dichiarati e la funzione di callback mydisplay () come argomenti (funzione principale), rispettivamente.
- Nel codice JS, definisci una funzione denominata "myFunction ()"Avere i parametri dichiarati.
- Nella definizione della funzione, restituire la somma dei valori nella funzione di callback come argomento.
- Infine, definisci la funzione di callback denominata "mydisplay ()"E visualizzare la somma risultante nella finestra di dialogo Avviso.
Produzione
Come evidente, il valore di somma risultante è stato visualizzato come un avviso al clic del pulsante.
Conclusione
IL "Href"L'attributo fornisce l'URL della pagina corrente e il"al clic"L'evento reindirizza a una funzione JavaScript. Questi approcci possono essere utilizzati per reindirizzare alla funzione, accumulando la funzione di callback e visualizzano rispettivamente il messaggio corrispondente e la somma risultante. Questo articolo ha illustrato le differenze tra le funzionalità di HREF e OnClick per la funzione di callback su collegamento ipertestuale in JavaScript.