Denne blog vil diskutere funktionaliteterne af det angivne href-udtryk “ ”.
Hvad gør href-udtrykket ' '?
href-attributten i en HTML ' ” tag angiver typisk den URL eller webside, som linket er dirigeret til.
I tilfælde af ' ', er href-attributten indstillet til ' javascript:; ” som er en pladsholderværdi, der ikke gør noget, når der klikkes. Dette bruges ofte, når linket bruges til en JavaScript-funktion eller begivenhed og ikke behøver at omdirigere brugeren til en ny side.
Det ' javascript:; ” er den mest imponerende funktion ved JavaScript til at integrere det med HTML og CSS. Det hjælper at kalde JavaScript-funktionerne i et HTML href- eller ankertag.
Eksempel
I det givne eksempel, vis billedet på den aktuelle side ved at klikke på linket ved at bruge ' javascript:; ” i href-attributten, der forhindrer browseren i at forlade den aktuelle side:
< div id = 'mit billede' > div >
< a href = 'javascript: img = document.createElement('img');
img.src = 'sol.jpg';
src = document.getElementById('mitImg');
src.appendChild(img);' > Vis billede -en >
I ovenstående kode:
- Først skal du oprette et div-element i HTML-filen og tildele et id ' mit billede ”.
- Indstil href-attributten til ' javascript:; ' og opret en ' img ' element ved hjælp af ' createElement() ” metode.
- Det ' src ” attribut angiver stien til billedet.
- Hent referencen til billedelementet på HTML-filen for at vise billedet ved hjælp af ' getElementById() ” metode.
- Tilføj billedet som et underordnet element ved hjælp af ' appendchild() ” metode.
Outputtet indikerer, at billedet vil blive vist på samme side, mens du klikker på linket:
Du kan også få adgang til funktionen i href -tagget med ' javascript:; ” pladsholder:
< div id = 'mit billede' > div >< a href = 'javascript:myFunction();' > Klik på Mig -en >
Definer en funktion ' myFunction() ” i