JS教程
30188 ワード
1 1、JavaScript 1.1 1.2 HTML 1.3 2、 2.1JavaScript： HTML document.write("<h1>This is a heading</h1>"); document.write("<p>This is a paragraph</p>"); 2.2JavaScript： <button type="button" onclick="alert('Welcome!')"> </button>
2.3JavaScript： HTML x=document.getElementById("demo") //
x.innerHTML="Hello JavaScript"; //
2.4JavaScript： HTML 2.5JavaScript： HTML x=document.getElementById("demo") //
x.style.color="#ff0000"; //
2.6JavaScript： if isNaN(x) {alert("Not Numeric")}; 2 1、<script> 1.1<script> </script> JavaScript 。
<script> alert("My First JavaScript"); </script>
2、JavaScript 2.1 ， ， 。 JavaScript ， 。 2.2<head> <body> JavaScript 3、 JavaScript 3.1 JavaScript .js。 <!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>
3 1、 HTML 1.1 JavaScript HTML ， document.getElementById(id) 。 <!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p id="demo">My First Paragraph</p>
<script> document.getElementById("demo").innerHTML="My First JavaScript"; </script>
</body>
</html>
2、 2.1 <p> HTML ： <!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<script> document.write("<p>My First JavaScript</p>"); </script>
</body>
</html>
4 1、JavaScript 1.1JavaScript 。 。 document.getElementById("demo").innerHTML="Hello World"; 1.2 JavaScript 。 2、JavaScript 2.1JavaScript （ JavaScript） JavaScript 。 document.getElementById("demo").innerHTML="Hello World"; document.getElementById("myDIV").innerHTML="How are you?"; 3、JavaScript 3.1JavaScript 。 3.2 ， 。 3.3 。 function myFunction() { document.getElementById("demo").innerHTML="Hello World"; document.getElementById("myDIV").innerHTML="How are you?"; } 4、JavaScript 。 5、 5.1JavaScript 。 6、 6.1 。 document.write("Hello \ World!"); 5 1、JavaScript 1.1 JavaScript ， 。 1.2 // 。 // ：
document.getElementById("myH1").innerHTML="Welcome to my Homepage"; // ：
document.getElementById("myP").innerHTML="This is my first paragraph."; 2、JavaScript 2.1 /* ， */ 。 /* */ document.getElementById("myH1").innerHTML="Welcome to my Homepage"; document.getElementById("myP").innerHTML="This is my first paragraph."; 3、 //document.getElementById("myH1").innerHTML="Welcome to my Homepage";
document.getElementById("myP").innerHTML="This is my first paragraph."; /* document.getElementById("myH1").innerHTML="Welcome to my Homepage"; document.getElementById("myP").innerHTML="This is my first paragraph."; */
4、 var x=5; // x 5
var y=x+2; // y x+2
6 1、 。 var x=2; var y=3; var z=x+y; 2、JavaScript 2.1 （ x y）， （ age, sum, totalvolume）。 2.2 2.3 $ _ （ ） 2.4 （y Y ） 3、JavaScript 3.1 ， 。 3.2 ， 。 ， 。 var pi=3.14; var name="Bill Gates"; var answer='Yes I am!'; 4、 （ ） JavaScript var carname="Volvo"; 5、 ， var name="Gates", age=56, job="CEO"; 6、Value = undefined 6.1 ， 。 ， undefined。 7、 JavaScript JavaScript ， ： var carname="Volvo"; var carname; 8、JavaScript y=5; x=y+2; 7 1、JavaScript 1.1 ： var x // x undefined
var x = 6; // x
var x = "Bill"; // x
2、JavaScript 2.1 （ "Bill Gates"） 。 2.2 。 ： var carname="Bill Gates"; var carname='Bill Gates'; 3、JavaScript 3.1JavaScript 。 var x1=34.00; //
var x2=34; //
var y=123e5; // 12300000
var z=123e-5; // 0.00123
4、JavaScript 4.1 （ ） ：true false。 var x=true
var y=false
5、JavaScript var cars=new Array("Audi","BMW","Volvo"); 6、JavaScript 6.1 。 ， (name : value) 。 ： var person={firstname:"Bill", lastname:"Gates", id:5566}; 7、Undefined Null 7.1Undefined 。 7.2 null 。 cars=null; person=null; 8、 8.1 ， "new" ： var carname=new String; var x= new Number; var y= new Boolean; var cars= new Array; var person= new Object; 8 1、 1.1 。 1.2 。 2、JavaScript 2.1 JavaScript ， （ ）， 。 3、 JavaScript 3.1JavaScript ： 、 、 、 、 ， 。 4、 objectName.propertyName 5、 objectName.methodName() 9 。 1、JavaScript 1.1 ， function： function functionname() { } 2、 myFunction(argument1,argument2) 3、 function myFunction() { var x=5; return x; } 4、 JavaScript 4.1 JavaScript （ var） ， 。 5、 JavaScript 5.1 ， 。 6、JavaScript 6.1JavaScript 。 6.2 。 6.3 。 7、 JavaScript 7.1 ， 。 carname="Volvo"; 10 1、 = 。 + 。 y=5; z=2; x=y+z; 2、JavaScript 2.1 / 。
+ x=y+2x=7- x=y-2x=3* x=y*2x=10/ x=y/2x=2.5% ( )x=y%2x=1++ x=++yx=6-- x=--yx=4
3、JavaScript 3.1 JavaScript 。 =x=y x=5+=x+=yx=x+yx=15-=x-=yx=x-yx=5*=x*=yx=x*yx=50/=x/=yx=x/yx=2%=x%=yx=x%yx=0
4、 + 4.1+ （ ）。 txt1="What a very"; txt2="nice day"; txt3=txt1+txt2; 5、 x=5+5; document.write(x); x="5"+"5"; document.write(x); x=5+"5"; document.write(x); x="5"+5; document.write(x); ， 。 11 1、 1.1 ， 。 == x==8 false=== （ ）x===5 true；x==="5" false!= x!=8 true> x>8 false< x<8 true>= x>=8 false<= x<=8 true
2、 2.1 ， ： if (age<18) document.write("Too young"); 3、 3.1 。 &&and(x < 10 && y > 1) true||or(x==5 || y==5) false!not!(x==y) true
4、 variablename=(condition)?value1:value2 12If...Else 1、 1.1 ， 。 1.2 JavaScript ， ： if - true ， if...else - true ， false if...else if....else - switch - 2、If 2.1 true ， 。 if ( ) { true } 3、If...else 3.1 if....else true ， false 。 if ( ) { true } else { true } 4、If...else if...else 4.1 if....else if...else 。 if ( 1) { 1 true } else if ( 2) { 2 true } else { 1 2 true } 13Switch 1、JavaScript Switch 1.1 switch 。 switch(n) { case 1: 1
break; case 2: 2
break; default: n case 1 case 2 } 2、default 2.1 default ： var day=new Date().getDay(); switch (day) { case 6: x="Today it's Saturday"; break; case 0: x="Today it's Sunday"; break; default: x="Looking forward to the Weekend"; } 14For 1、JavaScript 1.1 ， ， 。 for (var i=0;i<cars.length;i++) { document.write(cars[i] + "<br>"); } 2、 2.1JavaScript ： for - for/in -
while - true do/while - true
3、For 3.1for 。 for ( 1; 2; 3) { } 1 （ ） 2 （ ） 3 （ ） 4、 1
4.1 1 (var i=0)。 5、 2
5.1 2 。 5.2 2 true， ， false， 。 6、 3
6.1 3 。 7、For/In
7.1JavaScript for/in ：
var person={fname:"John",lname:"Doe",age:25}; for (x in person) { txt=txt + person[x]; } 15While 1、while 1.1While 。 while ( ) { } 2、do/while
2.1do/while while 。 ， ， ， 。
do { } while ( ); 16Break 1、Break 1.1break 。 1.2break ， （ ）： for (i=0;i<10;i++) { if (i==3) { break; } x=x + "The number is " + i + "<br>"; } 2、Continue 2.1continue ， ， 。 for (i=0;i<=10;i++) { if (i==3) continue; x=x + "The number is " + i + "<br>"; } 17 try 。 catch 。 throw 。 1、 1.1 JavaScript JavaScript ， 。 2、JavaScript 2.1 ， ，JavaScript ， 。 3、JavaScript 3.1try 。 3.2catch try ， 。 3.3JavaScript try catch 。 try { //
} catch(err) { //
} 4、Throw 4.1throw 。 4.2 ： （exception）。 throw exception 18 1、JavaScript 1.1JavaScript HTML 。 1.2 JavaScript ： ？ ？ ？ (numeric field) ？ 2、 （ ） 2.1 （ ） 。 function validate_required(field,alerttxt) { with (field) { if (value==null||value=="") {alert(alerttxt);return false} else {return true} } } 3、E-mail 3.1 。 function validate_email(field,alerttxt) { with (field) { apos=value.indexOf("@") dotpos=value.lastIndexOf(".") if (apos<1||dotpos-apos<2) {alert(alerttxt);return false} else {return true} } }