September 25
JavaScript è un linguaggio di scripting lato client che contiene molte delle caratteristiche che sono in genere disponibili in linguaggi di programmazione full-optional, comprese le strutture logiche, variabili e gli array. codice JavaScript eseguito quando un browser Web con JavaScript abilitato apre una pagina Web che contiene il codice JavaScript. Poiché l'esecuzione del codice avviene nel browser Web, JavaScript è ampiamente usato per modificare le interfacce utente e per la manipolazione di elementi HTML, come quando alterare le immagini, la creazione di liste e l'ordinamento collegamenti.
1 Aprire un editor di testo e creare un nuovo file chiamato "sortList.html." Aggiungere alcuni tag HTML per il file che compongono una pagina HTML di base. Questa pagina contiene la lista ordinata.
<Html>
<Head> </ head>
<Body> </ body>
</ Html>
2 Aggiungere uno script HTML - "<script>" - tag al file tra il "<head>" e "</ head>" tag. Assegnare il tag "<script>" tipo "script / javascript", quindi chiudere lo script HTML - "</ script>" - tag.
<Html>
<Head>
<Script type = "text / javascript">
</ Script>
</ Head>
<Body> </ body>
</ Html>
3 Creare un array JavaScript denominato "nomecollegamento" assegnando quattro valori a una variabile denominata "nomecollegamento" - ". Mela" "cnn", "google", "della CBS" e Le parentesi quadre in seguito alla "nomecollegamento" dichiarazione delle variabili creano la matrice utilizzando la notazione letterale.
<Html>
<Head>
<Script type = "text / javascript">
var nomecollegamento = [ "CNN", "google", "CBS", "mela"];
</ Script>
</ Head>
<Body> </ body>
</ Html>
4 Ordina l'array "nomecollegamento" utilizzando il "sort ()" JavaScript metodo. Questo metodo ordina i valori della matrice lessicografico - in ordine alfabetico, o ordine dizionario.
<Html>
<Head>
<Script type = "text / javascript">
var nomecollegamento = [ "CNN", "google", "CBS", "mela"];
linkName.sort ();
</ Script>
</ Head>
<Body> </ body>
</ Html>
5 Utilizzare un ciclo per scorrere gli elementi dell'array utilizzando la proprietà "Array.length" come controllo. Utilizzare una parentesi graffa aperta "{" e una stretta parentesi graffa "}" per tenere il posto per il codice del ciclo.
<Html>
<Head>
<Script type = "text / javascript">
var nomecollegamento = [ "CNN", "google", "CBS", "mela"];
linkName.sort ();
for (i = 0; i <linkName.length; i ++)
{
}
</ Script>
</ Head>
<Body> </ body>
</ Html>
6 Utilizzare un JavaScript "document.write" il comando per ciascun valore di uscita collegamento ipertestuale (ordinato) per "sortList.html". Utilizzare il JavaScript operatore di concatenazione ( "+") per l'uscita il valore "nomecollegamento" di variabile con il codice HTML del collegamento ipertestuale.
<Html>
<Head>
<Script type = "text / javascript">
var nomecollegamento = [ "CNN", "google", "CBS", "mela"];
linkName.sort ();
for (i = 0; i <linkName.length; i ++)
{
document.write ( "<a href=http://www." + linkName[i] + ".com>");
}
</ Script>
</ Head>
<Body> </ body>
</ Html>
7 Utilizzare un secondo comando "document.write" per l'uscita il nome del collegamento ordinato. Questo valore è il testo del collegamento ipertestuale nella pagina Web, ed è visibile per l'utente finale.
<Html>
<Head>
<Script type = "text / javascript">
var nomecollegamento = [ "CNN", "google", "CBS", "mela"];
linkName.sort ();
for (i = 0; i <linkName.length; i ++)
{
document.write ( "<a href=http://www." + linkName[i] + ".com>");
document.write (nomecollegamento [i]);
}
</ Script>
</ Head>
<Body> </ body>
</ Html>
8 Utilizzare un terzo metodo "document.write" per l'uscita di un vicino collegamento ipertestuale tag - "</a>" - per ogni collegamento scritto alla pagina.
<Html>
<Head>
<Script type = "text / javascript">
var nomecollegamento = [ "CNN", "google", "CBS", "mela"];
linkName.sort ();
for (i = 0; i <linkName.length; i ++)
{
document.write ( "<a href=http://www." + linkName[i] + ".com>");
document.write (nomecollegamento [i]);
document.write ( "</a>");
}
</ Script>
</ Head>
<Body> </ body>
</ Html>
9 Utilizzare un comando quarta "document.write" per l'uscita di un tag ritorno - "" - dopo ogni collegamento ipertestuale. Questo tag separa ogni elemento della lista. Salvare e chiudere "sortLink.html."
<Html>
<Head>
<Script type = "text / javascript">
var nomecollegamento = [ "CNN", "google", "CBS", "mela"];
linkName.sort ();
for (i = 0; i <linkName.length; i ++)
{
document.write ( "<a href=http://www." + linkName[i] + ".com>");
document.write (nomecollegamento [i]);
document.write ( "</a>");
document.write ( "");
}
</ Script>
</ Head>
<Body> </ body>
</ Html>
10 Aprire "sortLink.html" in un browser Web e verificare che le stampe della lista e viene ordinato lessicografico.