Hvordan bruke en HTML-knapp med Frames
Hypertext Markup Language, eller HTML, kan legge gjenstander, som knapper, på en side som besøkende kan bruke til å navigere på området eller sende elektroniske skjemaer. Opprette en knapp utformet for navigasjon, er imidlertid mer komplisert når en nettside bruker rammer. Nettsteder som bruker rammer er å kombinere flere sider til en enkelt side. Hvis du legger til en knapp som gjør det mulig for besøkende å gå til forrige side på nettstedet, eller navigere til ulike deler av området, må du redigere koden slik at siden lastes i riktig ramme eller vindu.
Bruksanvisning
1 Sett "<-knappen>" koder i mellom "<body>" og "</ body>" koder i ønsket ramme:
<Body>
<-knappen Type = "button"> </ knapp>
</ Body>
2 Sett inn et navn for knappen i mellom "<-knappen>" tags:
<-knappen Type = "button"> Knapp Text </ knapp>
3 Surround "<-knappen>" tagger med "<form>" koder, slik at knappen kan utføre den ønskede Javascript-funksjonen:
<Form>
<-knappen Type = "button"> Knapp Text </ knapp>
</ Form>
4 Legg til "onclick" event til "<-knappen>" tag å ringe Javascript-funksjonen når knappen klikkes:
<-knappen Type = "button" onclick = "">
5 Sett "ob = this.form.nav; for (i = 0; i <ob.length; i ++) {if (ob [i] .checked) {window.open (ob [i] .Value, '_ top') ;};} "i mellom anførselstegn ved siden av" onclick "for å bruke knappen for nettstedet navigasjon. Et eksempel på en fullstendig kode kan være:
<Form action = "../">
<Input type = "radio" value = "http: // min nettside / link1.html" name = "nav"> My Link # 1 </ input>
<Input type = "radio" value = "http: // min nettside / link2.html" name = "nav"> My Link # 2 </ input>
<-knappen Type = "button" onclick="ob=this.form.nav;for(i=0;i<ob.length;i++){if(ob[i].checked){window.open(ob[i].value,'_top');};}">
</ Form>
6 "_top" Laster koblingen i en full vinduet; erstatte "_top" med "_blank" for å laste koblingen i en ny fane eller et vindu, hvis ønskelig, eller bruk "_self" for å laste på linken i dagens ramme. Du kan også erstatte "_top" med navnet på en målrammen.
7 Sett "parent.FRAMENAME.history.go (-1)" mellom anførselstegn ved siden av "onclick" for å bruke knappen som en tilbake-knapp. Erstatt "FRAMENAME" med navnet på målrammen.