Hvordan Output en Javascript variabel i et anker
Nettlesere tolker websider som er skrevet i Hypertext Markup Language, og, når det brukes sammen med CSS og Javascript, er HTML standard språket som brukes til å opprette sider på World Wide Web. Betegnelsen "Hypertext" refererer til tekst som inneholder koblinger eller "anker" til andre sider og er derfor ikke begrenset til en lineær format. Javascript er et skriptspråk som lar webutviklere lage skript som kan brukes til en rekke formål og utgang kode resultater - for eksempel variabler - i ankerkoder.
Bruksanvisning
1 Åpne en teksteditor og opprette en ny fil med navnet jsAnchor.html. Legg noen HTML-koder til filen som inneholder en åpen "<html>" tag, en åpen "<head>" tag, en nær "</ head>" tag, en åpen "<body>" tag, en nær "< / body> "tag, og en nær" </ html> "tag. Sammen utgjør disse kodene danner en elementær nettside som kan vises i en nettleser.
<Html>
<Head> </ head>
<Body> </ body>
</ Html>
2 Legg en åpen "<script>" og et nært "</ script>" tag mellom "<body>" og "</ body>" koder. Tildele "type" attributt "text / javascript" til "<script>" tag.
<Html>
<Head> </ head>
<Body>
<Script type = "text / javascript">
</ Script>
</ Body>
</ Html>
3 Erklærer en Javascript variabel kalt "anchorVar" mellom "<script>" og "</ script>" koder ved hjelp av Javascript "var" søkeord. Tilordne variabelen verdien "http://www.usda.gov". Denne verdien er et eksempel; hyperkoblingen "href" attributt kan være hvilken som helst nettadresse tilgjengelig lokalt eller på Internett.
<Html>
<Head> </ head>
<Body>
<Script type = "text / javascript">
Var anchorVar = "http://www.usda.gov";
</ Script>
</ Body>
</ Html>
4 Bruk Javascript "document.write ()" metoden til å skrive den første delen av en HTML ankerkoden ( "<a") og ankerkoden er "href" attributt til HTML-side. Skriv inn et likhetstegn ( "=") umiddelbart etter "href" attributt.
<Html>
<Head> </ head>
<Body>
<Script type = "text / javascript">
Var anchorVar = "http://www.usda.gov";
document.write ( "<a href =");
</ Script>
</ Body>
</ Html>
5 Bruk en andre "document.write ()" metoden til å skrive "anchorVar" variable til HTML-siden. Bruk Javascript sammensetning operatøren ( "+") og en nær character "(>)" for å fullankerkoden.
<Html>
<Head> </ head>
<Body>
<Script type = "text / javascript">
Var anchorVar = "http://www.usda.gov";
document.write ( "<a href =");
document.write (anchorVar + ">");
</ Script>
</ Body>
</ Html>
6 Bruk en tredje "document.write ()" metoden for å sende ut teksten "Denne linken bruker en variabel utgang med Javascript" til HTML-siden.
<Html>
<Head> </ head>
<Body>
<Script type = "text / javascript">
Var anchorVar = "http://www.usda.gov";
document.write ( "<a href =");
document.write (anchorVar + ">");
document.write ( "Denne linken bruker en variabel utgang med Javascript");
</ Script>
</ Body>
</ Html>
7 Bruk en fjerde "document.write ()" metode for å skrive en nær HTML hyperkobling kode ( "</a>") til HTML-siden. Lagre og lukk jsAnchor.html.
<Html>
<Head> </ head>
<Body>
<Script type = "text / javascript">
Var anchorVar = "http://www.usda.gov";
document.write ( "<a href =");
document.write (anchorVar + ">");
document.write ( "Denne linken bruker en variabel utgang med Javascript");
document.write ( "</a>");
</ Script>
</ Body>
</ Html>
8 Åpne "jsAnchor.html" i en nettleser. Klikk på hyperkoblingen og validere at "anchorVar" Javascript variabel ( "http://www.usda.gov") sendes ut som en del av ankerkoden.
Hint
- Javascript har en funksjon som heter String.link som automatisk legger strengen tekst til ankere. Se referanser for mer informasjon om String.link funksjon.
- Den "<a>" HTML-koden kan bli stylet med CSS attributter som farge, font og stil.
- Javascript kan brukes til å lage bokmerker i dokumenter. Bokmerker er interne koblinger som tillater kobling til spesifikk informasjon innenfor et hyperdokument.
- Javascript flykte karakter, eller omvendt skråstrek, kan bidra til at web-lesere tolker skråstreker som forutsatt.