Hvordan deaktivere klikkbare lenker på en nettside

HTML-koblinger - også kalt ankerkoder - bidra til at Internett mulig; brukere klikker på en link, og en ny webside vises. Hver ankerkoden har et attributt som heter "href". Dette attributtet til en nettadresse eller et skript som kjøres når brukere klikker på en link. Hvis du trenger din web-applikasjon for å deaktivere alle linker, fjerne href-attributtet fra koblingene ved hjelp av en enkel Javascript-funksjon.

Bruksanvisning

1 Start Notepad eller HTML-editor. Åpne en av websidene og lim inn følgende HTML-kode i dokumentets hoveddel:

<a href="Visit"> http://www.whitehouse.gov "> Besøk Det hvite hus </a>

<a href="Visit"> http://www.IRS.gov "> Besøk IRS </a>

<Input type = "button" value = "Åpne Drop Down" onclick = "disableLinks ()" />

Koden oppretter to lenker og en knapp. Knappen kaller en Javascript-funksjon kalt "disableLinks" som deaktiverer koblinger når klikket.

2 Lim inn følgende "disableLinks" Javascript-funksjonen inn i dokumentet manus seksjon:

funksjons disableLinks () {

Var lenker = document.getElementsByTagName ( 'a');

for (var i = 0; i <links.length; i ++) {

Var link = lenker [i];

link.removeAttribute ( 'href');

}

Denne funksjonen lagrer alle ledd i "linker" variable, deretter bruker den "removeAttribute" metoden for å fjerne href attributt fra hver kobling.

3 Lagre dokumentet, åpner du en nettleser og åpner dokumentet i nettleseren. Klikk på "Besøk det hvite hus" linken. Nettleseren din navigerer til Det hvite hus nettstedet.

4 Klikk på nettleserens "Tilbake" for å gå til websiden. Hvis det hvite hus lenke åpnes i en ny fane, gå tilbake til kategorien som inneholder websiden.

5 Klikk på "Disable Links" -knappen, og klikk deretter på en av lenkene. Ingenting skjer fordi knapp klikk kalt Javascript-funksjon som deaktiverer linkene.

Hint

  • En knapp klikk deaktiverer koblingene i dette eksemplet. Deaktivere dem ved hjelp av en metode du liker ved å kalle den "disableLinks" Javascript-funksjonen. Du kan også deaktivere dem når nettsiden lastes ved å kalle funksjonen i dokumentet er "side load" funksjon.