Javascript

DEFINIZIONE SCRIPT

Questa è la definizione minimale di uno script js interno ad una pagina web, può essere posizionato nel body(può compromettere però il caricamento degli elementi della pagina) o nell 'head.

EXTERNAL JS

COMMENTI

//questo è commentato

/*anche questo */

VARIABILI

var mynumber = 5;

var mystring = ‘...’;

var test = mynumber + mystring; //5...

var bool_value = true;

STRING

Metodi

String.charAt(position); // 'ciao'.charAt(0) = 'c'

String.toUpperCase();

String.indexOf(“carattere”); //posizione carattere o -1

Proprietà

String.lenght;

STRING-HTML utilities

Var stringa='abc'.bold(); // <b>abc</b>

...Italic();

Ecc...

Attraverso questi metodi è possibile, con ad esempio un document.write(), inserire un tag nella pagina.

Tipi dinamici

var x; // Now x is undefined

var x = 5; // Now x is a Number

var x = "John"; // Now x is a String

note

//le variabili possono essere create anche senza var, ma questo è

sconsigliato…vedere qui

ARRAY

var person = ["billy", "rossi", 90];

// var person = new Array("billy", "rossi", 90);

Metodi

array.sort();

array.push(value);

pop();

...

proprietà

array.length

...

//gli array sono considerati oggetti particolari, infatti

typeof [1,2,3,4] // Returns object

typeof {name:'John', age:34} // Returns object

FUNZIONI

function myFunction(a,b)

{

return a * b; // myfunction(a,b) returns the

// product of a and b

}

proprietà arguments

è un array i cui elementi contengono i parametri passati alla funzione.

All’array arguments è possibile accedere soltanto nel corpo della

funzione.

...arguments [2]; //ritorna il valore del terzo parametro

OGGETTI

var person = {firstName:"billy", lastName:"rossi", age:90};

//crea al momento e inizializza gli attributi

OGGETTI CON METODI

var person = {

firstName:"billy",

lastName:"rossi",

age:90

show_data : function() {

return this.firstName + " " + this.lastName;

// person.show_data()----> “billy rossi ”

};

//oppure definire un oggetto tramite funzione-costruttore

function person(f_name,l_name,person_age)

{

this.firstName=name;

this.lastName=l_name;

this.age=person_age;

this.show_data=function(){

return this.firstName + " " + this.lastName+” “+this.age; }

}

//quindi per dichiarare un oggetto di tipo person...

var persona=new person('billy','rossi',90);

//poi si accederà agli attributi dell'oggetto con persona.age....

note

var data=person.show_data;

// non otteniamo “billy rossi ” ma la definizione del metodo,

quindi..

//data----->

“ function () { return this.firstName + " " + this.lastName; } “

person.firstname //o....person['firstname']

//gli attributi degli oggetti possono essere richiamati sia con il punto,

che come elemento di un //vettore con indice non numerico, ma appunto il

nome dell'attributo.

FORM

document.forms[index];

//questo per accedere alla forma desiderata della pagina

PROMPT

Questo metodo della classe window //window.prompt('message')

mostra una console con un campo di testo con la quale quindi l'utente può

interagire

var text_promped=prompt('write something..');

if(text_promped!='')

//ecc

Javascript-HTML

document.getElementById('id'); cerca un elemento per id

document.getElementsByName('name'); cerca un elemento per nome

document.getElementsByTagName('tag_name'); cerca un elemento per tag name

element.innerhtml= modifica il codice HTML all'interno dell'elemento specificato

document.write() scrive nel output di HTML