slide per presentazione http://www.smartango.com/it/articles/introduzione-javascript-prima-parte e seguenti

3. <script type=”text/javascript”></script>

4. Esempio:

5. <script type=”text/javascript”>

6. document.writeln(”ciao mondo!”);

7. </script>

8. writeln è un metodo dell'oggetto document

10. <button onclick=” javascript:alert('clicked ')”>

11. Click me

12. </button>

13. L'esecuzione è conseguente all'evento click

15. Es.:

16. a=3

17. b=1;c=2

18. Il linguaggio è case sensitive:

19. VarName != varName

21. /* testo commentato */ var i=0; // altro testo

22. Assegnazione: a = valore

23. Numeri:

24. var a=1; var b=3.2;

25. Boolean (true/false)

26. var test=true;

27. String: ”una frase”

28. Valori speciali: null e undefined

30. var expr = /parola/i;

31. var expr = new RegExpr('parola','i');

32. Array: var ar = new Array();

33. Object: var obj = new Object();

35. var arr = [1,2,3,”a”,5];

36. var obj = {name:”obj”,values:[1,2,3]};

37. Array di oggetti e oggetti di array

38. var arr=[1,{a:'val',b:'test'}];

41. if(a==2){alert('è 2');} else { alert('non è 2');}

42. var stringa=(a>18)?”è maggiore”:”minore”

43. switch(a){case 2: alert(”2”);break;

44. default: alert(”not 2”);}

46. i=0;do{alert(”iteration ”+i);}while(i++<10);

47. for(i=0;i<10;i++){alert(i);}

48. Vettore=[1,2,3,4];

51. var foo = function(par){alert(par);};

55. function(){this.start();};

56. Auto.prototype = {accensione:function(){..},

57. spegnimento:function(){..}

58. };

59. var a = new Auto(); a.accensione(); http://www.howtocreate.co.uk/tutorials/javascript/objects http://snippets.dzone.com/posts/show/899 (capitalize String)

62. a:”valore”,

63. azzera: function(){this.a=””;},

64. assegna: function(val){ this.a=val;}

65. };

68. this.a=val;

69. this.azzera=function(){ this.a=””; };

70. this.assegna=function(val){ this.a=val; };

71. };

72. var myObj = new Classe(”valore”);

74. Tramite il punto: alert(myObj.a);

77. a.replace(/r/,'[una brutta consonante]');

78. var arr = a.split(/+/);

80. confirm(”test?”);

81. timeID = setInterval(fun,inte); clearInterval(timeID);

82. timeID = setTimeout(fun,tim);clearTimeout(timeID);

83. close();

84. open(url,name,[options]); // open new window

85. ...

87. clientInformation

88. location

89. history

90. document

91. ...

93. Conforme al modello DOM (Document Object Model) definito dal w3c

94. Documento html come albero con radice html, attraversabile tramite metodi standard comuni a diversi linguaggi di programmazione (Java, PHP, JavaScript, …)

95. Es. document.getElementById('container');

96. document.getElementByTagName('div');

98. getAttribute()

99. setAttribute()

100. removeAttribute()

101. childNodes[]

102. appendChild()

103. removeChild()

104. replaceChild()

106. innerHTML

107. style

108. addEventListener()

109. ....

114. listener: funzione gestore dell'evento

115. useCapture: listener chiamato nella fase capture della propagazione eventi se true, altrimenti nella fase bubble

119. metodo stopPropagation

120. ... http://www.w3.org/TR/DOM-Level-2-Events/events.html

123. Conclusione Riferimenti http://www.smartango.com/ © Daniele Cruciani – 2010