April 3
JavaScript è un linguaggio di scripting Web. Gli sviluppatori Web utilizzano per rendere le pagine web più interattive e di dare loro funzionalità aggiuntive. letterali oggetto JavaScript sono rappresentazioni virtuali di entità del mondo reale. Ad esempio, uno sviluppatore potrebbe creare un oggetto letterale denominato \ "pianeta. \" Pianeti hanno proprietà quali il nome, la dimensione e l'orbita. Invece di definire una variabile separata per ciascuna di queste proprietà, uno sviluppatore può creare un oggetto letterale denominato \ "pianeta \" che contiene queste proprietà ei valori ad essi associati.
1 Aprire il Blocco note.
2 Incolla questo codice nel file:
<! DOCTYPE HTML PUBLIC \ "- // W3C // DTD XHTML 1.0 Transitional // EN \" \ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
<Html xmlns = \ "http://www.w3.org/1999/xhtml\">
<Head>
<title>Test Page</title>
& Lt; script>
& Lt; / script>
</ Head>
<Body>
</ Body>
</ Html>
Questo crea un documento HTML vuoto.
3 Aggiungere questo codice dopo il primo tag <script>:
var myState = {
}
ANDARE
Questo crea un oggetto letterale JavaScript. Questo oggetto conterrà informazioni su uno stato. La definizione dell'oggetto inizia con una staffa sinistra e termina con una staffa destra.
4 Aggiungere questa riga di codice sotto la prima staffa in modo che la definizione dell'oggetto è simile al seguente:
var myState = {
NomeStato: \ "Texas \"
}
ANDARE
Questo crea una proprietà per \ "myState. \" Il nome della proprietà è \ "StateName. \" Ha un valore di \ "Texas. \" Creare una proprietà separando un nome e un valore con i due punti. Surround valori non numerici, come il Texas, con le virgolette.
5 Aggiungere un'altra linea per il codice in modo che blocco di codice simile a questo:
var myState = {
Nome: \ "Texas \",
Capitale: \ "Austin \",
}
ANDARE
Questo aggiunge un'altra proprietà denominata \ "capitale \" per l'oggetto. Ha un valore di \ "Austin. \" Proprietà separarli con una virgola, come illustrato sopra.
6 Aggiunge questo codice al codice precedente:
città: [\ "Dallas \", \ "Houston \", \ "Laredo \"],
letterali oggetto JavaScript possono contenere anche array. Questo è un array di nome \ "\" città che ha tre elementi.
7 Aggiunge questo codice al codice precedente:
clima: {nord: \ "\ freddo", del sud: \ "\ caldo"}
letterali oggetto possono contenere altri letterali oggetto. Questo è un oggetto letterale denominato \ "clima \" che contiene due proprietà: \ "del Nord \" e \ "del sud \". La \ completa "myState \" letterale oggetto appare come segue:
var myState = {
Nome: \ "Texas \", il capitale: \ "Austin \",
città: [\ "Dallas \", \ "Houston \", \ "Laredo \"],
clima: {nord: \ "\ freddo", del sud: \ "\ caldo"}
};
8 Aggiungere questo codice dopo il codice precedente:
window.onload = showObject
ANDARE
Funzione showObject () {
alert (\ "Name = \" + myState.name + \ "First City = \" + myState.cities [0])
ANDARE
}
La dichiarazione dice window.onload JavaScript per chiamare la funzione denominata \ "showObject \" dopo il caricamento della pagina. Questa funzione stampa alcuni dei valori dell'oggetto. Per accedere al valore della proprietà di un oggetto, utilizzare la notazione del punto. A tale scopo, digitando il nome della proprietà seguito da un punto. Ad esempio, per accedere al capitale del Texas, tipo \ "myState.texas. \" Per accedere al secondo elemento del \ "città \" Array, tipo \ "myState.cities [1]. \"
9 Aggiungere questa riga di codice alla funzione:
Alert (\ "clima nordico = \" + myState.climate.northern)
ANDARE
Questo mostrerà il clima nella parte settentrionale del state.To accedere a una proprietà che si trova all'interno di un oggetto figlio letterale, digitare il nome dell'oggetto genitore letterale, aggiungere un periodo, aggiungere il nome dell'oggetto bambino letterale, aggiungere un periodo e, infine, aggiungere digitare il nome della proprietà che si desidera esaminare. In questo esempio, \ "clima \" è un oggetto figlio letterale all'interno di un oggetto padre letterale chiamato \ riferimento il clima nella parte settentrionale dello stato digitando il seguente "myState \.":
myState.climate.northern