JavaScript è un linguaggio di scripting lato client che contiene molte delle caratteristiche che sono in genere disponibili nei linguaggi di programmazione completo, comprese le matrici, variabili e strutture di logica. Codice JavaScript viene eseguito quando un browser con JavaScript abilitato si apre una pagina Web che contiene il codice JavaScript. Poiché l'esecuzione del codice avviene nel browser Web, JavaScript è ampiamente usato per la modifica di interfacce utente e per la manipolazione di elementi HTML come quando alterare immagini, creazione di elenchi e ordinamento link.
Istruzioni
1
Aprire un editor di testo e creare un nuovo file denominato "sortList.html." Aggiungere alcuni tag HTML al file che costituiscono una pagina HTML di base. Questa pagina contiene l'elenco ordinato.
< html >
< testa >< / testa >
< corpo >< / corpo >
< / html >
2
Aggiungere un tag di script... "< script >"-- HTML al file tra il "< head >" e "< / head >" tag. Assegnare il tag "< script >" il tipo "script/javascript", quindi chiudere lo script HTML - tag "< / script >"....
< html >
< head >
< script type = "text/javascript" >
< / script >
< / head >
< corpo >< / corpo >
< / html >
3
Creare una matrice JavaScript denominata "nomecollegamento" assegnando quattro valori a una variabile denominata "nomecollegamento" - "cnn", "google", "cbs" e "apple". Le parentesi quadre dopo la dichiarazione della variabile "nomecollegamento" creare la matrice utilizzando la notazione letterale.
< html >
< head >
< script type = "text/javascript" >
var linkName = ["cnn", "google", "cbs", "apple"];
< / script >
< / head >
< corpo >< / corpo >
< / html >
4
Ordinare la matrice "nomecollegamento" utilizzando il metodo di "Sort ()" di JavaScript. Questo metodo consente di ordinare i valori della matrice lessicografico - in ordine alfabetico, o ordine di dizionario.
< html >
< head >
< script type = "text/javascript" >
var linkName = ["cnn", "google", "cbs", "apple"];
linkName.sort();
< / script >
< / head >
< corpo >< / corpo >
< / html >
5
Utilizzare un ciclo per scorrere gli elementi della matrice utilizzando la proprietà di "length" come un controllo. Utilizzare una parentesi graffa aperta "{" e una parentesi graffa di chiusura "}" per tenere il posto per il codice del ciclo.
< html >
< head >
< script type = "text/javascript" >
var linkName = ["cnn", "google", "cbs", "apple"];
linkName.sort();
per (i = 0; i < linkName.length;i++)
{
}
< / script >
< / head >
< corpo >< / corpo >
< / html >
6
Utilizzare un comando di "Document. Write" di JavaScript per l'output di ogni valore di hyperlink (ordinati) al "sortList.html". Utilizzare l'operatore di concatenazione di JavaScript ("+") per l'output il valore della variabile "nomecollegamento" con il codice HTML del collegamento ipertestuale.
< html >
< head >
< script type = "text/javascript" >
var linkName = ["cnn", "google", "cbs", "apple"];
linkName.sort();
per (i = 0; i < linkName.length;i++)
{
Document. Write ("< a href = http://www." + linkName [i] + ". com >");
}
< / script >
< / head >
< corpo >< / corpo >
< / html >
7
Utilizzare un secondo comando di "Document. Write" per l'output il nome del collegamento ordinato. Questo valore è il testo del collegamento ipertestuale nella pagina Web ed è visibile all'utente finale.
< html >
< head >
< script type = "text/javascript" >
var linkName = ["cnn", "google", "cbs", "apple"];
linkName.sort();
per (i = 0; i < linkName.length;i++)
{
Document. Write ("< a href = http://www." + linkName [i] + ". com >");
Document.Write(linkName[i]);
}
< / script >
< / head >
< corpo >< / corpo >
< / html >
8
Utilizzare un terzo metodo di "Document. Write" per generare un tag di collegamento ipertestuale Chiudi - "< /a >"..--per ogni collegamento scritto nella pagina.
< html >
< head >
< script type = "text/javascript" >
var linkName = ["cnn", "google", "cbs", "apple"];
linkName.sort();
per (i = 0; i < linkName.length;i++)
{
Document. Write ("< a href = http://www." + linkName [i] + ". com >");
Document.Write(linkName[i]);
Document. Write ("< /a >");
}
< / script >
< / head >
< corpo >< / corpo >
< / html >
9
Utilizzare un comando di "Document. Write" quarto per generare un ritorno tag... ""..--dopo ogni collegamento ipertestuale. Questo tag separa ogni elemento nell'elenco. Salvare e chiudere "sortLink.html."
< html >
< head >
< script type = "text/javascript" >
var linkName = ["cnn", "google", "cbs", "apple"];
linkName.sort();
per (i = 0; i < linkName.length;i++)
{
Document. Write ("< a href = http://www." + linkName [i] + ". com >");
Document.Write(linkName[i]);
Document. Write ("< /a >");
Document.Write("");
}
< / script >
< / head >
< corpo >< / corpo >
< / html >
10
Aprire "sortLink.html" in un browser Web e verificare che l'elenco viene stampato ed è ordinato lessicografico.
Consigli & Avvertenze
- La funzione "Sort ()" possa prendere un argomento, una funzione opzionale che definisce l'ordinamento. Ciò è utile quando l'ordinamento di dati numerici.
- Il metodo di "Sort" converte tutti gli elementi in stringhe. Tenetelo a mente quando creazione e implementazione di matrici che si avvalgono del metodo "Sort ()".
- Le matrici JavaScript possono essere ordinate, impiombate, si unì, concatenate e convertite (Vedi risorse).
- Per ordinare un elenco di link che già esiste, considerare l'utilizzo di funzioni stringa e funzioni di ricerca per identificare il testo che rappresenta destinazione del tipo. È inoltre possibile utilizzare queste funzioni per modificare l'aspetto del testo collegamento ipertestuale finale.
- Oggetti JavaScript possono essere utilizzati per associare vari componenti di collegamento.
- Il metodo di "Sort" JavaScript Ordina dati numerici in ordine alfabetico, che in genere non è il risultato desiderato. Utilizzare una funzione di "confronto" per ordinare correttamente i dati numerici.