1. Javascript

3. JAVA
Netscape
Livescript
Javascript
Navigator
ECMAScript
• <script language=javascript>
• <script language=script>

7. 7
=,+=,-=,*=,/=,%=
(+,-,*,/,++,--)
(>,<,<=,>=,==,===,!=)
(||,&&,!)

8. ===
==
===
null == undefined
null === undefined

9. (a = 2)
(2+2*3)
(2==3)

10. switch
while
for
do while
break
continue

11. funciton

12. function myFunction(params){
//
}
var myFunction = function(params){
//
}
window.addEventLister(“load”, function(){
//

13. ECMA-262:
Attribute
Method

14. (native object)
Object , Functon, Number, String.....
(built-in object)
Math Global (isNaN, isFinite)
(host object)
window, document

15. var car = new Object();
car.color = “red”;
car.doors = 4;
car.showColor = function(){
alert(this.color);
}

16. car
function createCar(){
var car = new Object();
car.color = “red”;
car.doors = 4;
car.showColor = function(){
alert(this.color);
}
}
var car_one = createCar();

17. function createCar(color, doors){
var car = new Object();
car.color = color;
car.doors = doors;
car.showColor = function(){
alert(this.color);
}
}
var car_one = createCar(“red”, 4)
var car_two = createCar(“blue”, 2)
car_one.showColor(); //show red
car_two.showColor();//show blue

18. function createCar(color, doors){
this.color = color;
this.doors = doors;
this.showColor = function(){
alert(this.color);
}
}
var car_one = createCar(“red”, 4)
var car_two = createCar(“blue”, 2)
car_one.showColor(); //show red
car_two.showColor();//show blue

19. javascript
javascript
String String.prototype
String
trim()
String.prototype.trim = function(){

20. function Car(){}
Car.prototype.name = “ ”;
Car.prototype.doors = 4;
Car.prototype.color = “blue“;
Car.prototype.showColor = function(){

21. function Car(){}
Car.prototype.name = “ ”;
Car.prototype.doors = 4;
Car.prototype.color = “blue“;
Car.prototype.drivers = new Array(“a”, “b”)
Car.prototype.showColor = function(){
alert(this.color);
}
var car_one = new Car();
var car_two = new Car();
car_one.drivers.push(“c”);
alert(car_one.drivers); / show a, b, c
/
alert(car_two.drivers); / show a, b, c
/

22. functon Car(name, color, doors){
this.color = color;
this.doors = doors;
this.name = name;
this.drivers = new Array(“a”, “b”);
}
Car.prototype.showColor=function(){
alert(this.color);
}

23. JSON
var Car = function(name, color, doors){
return {
name : name,
doors : doors,
drivers : [“a”, “b”],
showColor : function(){
alert(this.color);
}
}
}

24. string
number ( )
boolean true false
null null

25. Javascript (object-based)
(event-driven)
(Event)
(Event Driver)

26. ( )
( ,
window ,
XMLHttpRequest )
(
)

27. <input type=”button” onclick=”alert(1)” />
<script for=”button1” event=”onclick”
language=”javascript”>alert(1)</script>

28. var el = document.getElementById(“button1”);
el.onclick = function(){alert(1)}

29. onClick
onChange
onSelect
onFocus
onBlur
onLoad
onUnload

31. http://www.w3schools.com/js/default.asp
http://www.ecmascript.org/index.php

32. THS!