Questo blog discuterà le funzionalità dell'espressione href dichiarata ' '.
Cosa fa l'espressione href ' '?
L'attributo href in un HTML ' ” in genere specifica l'URL o la pagina Web a cui è indirizzato il collegamento.
In caso di ' ”, l'attributo href è impostato su “ javascript:; ” che è un valore segnaposto che non fa nulla quando viene cliccato. Viene spesso utilizzato quando il collegamento viene utilizzato per una funzione o un evento JavaScript e non è necessario reindirizzare l'utente a una nuova pagina.
IL ' javascript:; ” è la caratteristica più impressionante di JavaScript per integrarlo con HTML e CSS. Aiuta a chiamare le funzioni JavaScript in un href HTML o tag di ancoraggio.
Esempio
Nell'esempio fornito, visualizzare l'immagine sulla pagina corrente facendo clic sul collegamento utilizzando ' javascript:; ” nell'attributo href che impedirà al browser di lasciare la pagina corrente:
< ID div = 'miaImmagine' > div >
< a href = 'javascript: img = document.createElement('img');
img.src = 'sole.jpg';
src = document.getElementById('myImg');
src.appendChild(img);' > Mostra immagine UN >
Nel codice sopra:
- Innanzitutto, crea un elemento div nel file HTML e assegna un id ' myImg ”.
- Imposta l'attributo href su ' javascript:; ” e crea un “ imm ” elemento che utilizza il “ creaElemento() ' metodo.
- IL ' src L'attributo ” indicherà il percorso dell'immagine.
- Ottieni il riferimento dell'elemento immagine sul file HTML per mostrare l'immagine usando il ' getElementById() ' metodo.
- Aggiungi l'immagine come elemento figlio utilizzando il ' aggiungifiglio() ' metodo.
L'output indica che l'immagine verrà visualizzata sulla stessa pagina mentre si fa clic sul collegamento:
Puoi anche accedere alla funzione nel tag href con ' javascript:; segnaposto:
< ID div = 'miaImmagine' > div >< a href = 'javascript:miaFunzione();' > Cliccami UN >
Definire una funzione ' miaFunzione() ” nel tag