Come uscita una variabile JavaScript in un ancoraggio

March 14

Come uscita una variabile JavaScript in un ancoraggio


I browser Web interpretano le pagine Web che sono scritte in HyperText Markup Language, e, se usato in combinazione con i CSS e JavaScript, HTML è il linguaggio standard utilizzato per creare pagine sul World Wide Web. Il termine "HyperText" si riferisce al testo che contiene link o "ancoraggio" ad altre pagine web ed è, quindi, non vincolato a un formato lineare. JavaScript è un linguaggio di scripting che consente agli sviluppatori Web di creare script che possono essere utilizzati per un'ampia varietà di scopi e risultati del codice di output - quali le variabili - in tag di ancoraggio.

istruzione

1 Aprire un editor di testo e creare un nuovo file chiamato jsAnchor.html. Aggiungere alcuni tag HTML per il file che includono un tag aperto "<html>", un "<head>" tag di apertura, una stretta "</ head>" tag, un "<body>" tag di apertura, una stretta "< / body> "tag, e una stretta" tag </ html> ". Insieme, questi tag formano una pagina web rudimentale che può essere visualizzato in un browser Web.

<Html>

<Head> </ head>

<Body> </ body>

</ Html>

2 Aggiungere un open "<script>" e "<script />" tag stretta tra il "<body>" e "</ body>" tag. Assegnare il "tipo" attributo "text / javascript" per il tag "<script>".

<Html>

<Head> </ head>

<Body>

<Script type = "text / javascript">

</ Script>

</ Body>

</ Html>

3 Dichiarare una variabile JavaScript denominata "anchorVar" tra i "<script>" e "</ script>" tag che utilizzano la parola JavaScript "var". Assegnare la variabile il valore "http://www.usda.gov". Questo valore è un esempio; attributo "href" del collegamento ipertestuale può essere un qualsiasi indirizzo web disponibili a livello locale o su Internet.

<Html>

<Head> </ head>

<Body>

<Script type = "text / javascript">

var anchorVar = "http://www.usda.gov";

</ Script>

</ Body>

</ Html>

4 Utilizzare il "document.write) (" metodo JavaScript per scrivere la prima parte di un tag di ancoraggio HTML ( "<a") e l'attributo del tag anchor "href" per la pagina HTML. Digitare un segno di uguale ( "=") subito dopo l'attributo "href".

<Html>

<Head> </ head>

<Body>

<Script type = "text / javascript">

var anchorVar = "http://www.usda.gov";

document.write ( "<a href =");

</ Script>

</ Body>

</ Html>

5 Utilizzare un secondo "document.write) (" il metodo di scrivere la variabile "anchorVar" alla pagina HTML. Utilizzare il JavaScript operatore di concatenazione ( "+") e un personaggio vicino "(>)" per completare il tag di ancoraggio.

<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 Utilizzare un terzo "document.write ()" metodo per l'uscita il testo "Questo collegamento utilizza una uscita variabile con JavaScript" alla pagina HTML.

<Html>

<Head> </ head>

<Body>

<Script type = "text / javascript">

var anchorVar = "http://www.usda.gov";

document.write ( "<a href =");

document.write (anchorVar + ">");

document.write ( "Questo collegamento utilizza una uscita variabile con JavaScript");

</ Script>

</ Body>

</ Html>

7 Utilizzare una quarta "document.write) (" metodo per scrivere un tag vicino collegamento ipertestuale HTML ( "</a>") per la pagina HTML. Salvare e chiudere 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 ( "Questo collegamento utilizza una uscita variabile con JavaScript");

document.write ( "</a>");

</ Script>

</ Body>

</ Html>

8 Aprire "jsAnchor.html" in un browser web. Fare clic sul collegamento ipertestuale e convalidare che la variabile "anchorVar" JavaScript ( "http://www.usda.gov") è uscita come parte del tag di ancoraggio.

Consigli e avvertenze

  • JavaScript ha una funzione chiamata String.link che aggiunge automaticamente il testo della stringa di ancore. Vedere la sezione di riferimenti per ulteriori informazioni sulla funzione String.link.
  • Il tag HTML "<a>" può essere uno stile usando i CSS attributi come colore, il carattere e lo stile.
  • JavaScript può essere utilizzato per creare i segnalibri all'interno di documenti. I segnalibri sono link interni che permettono il collegamento a specifiche informazioni all'interno di un documento ipertestuale.
  • Il JavaScript fuga carattere, o backslash, può contribuire a garantire che i browser web interpretano le barre come previsto.