《JavaScript开发应用小实例》由会员分享，可在线阅读，更多相关《JavaScript开发应用小实例（40页珍藏版）》请在金锄头文库上搜索。
1、1.1 输出输出（注：以后只写（注：以后只写内部的东西内部的东西; 注释在代码右边，极少在上面，绝不在下面）注释在代码右边，极少在上面，绝不在下面）2.1 变量的赋值变量的赋值 var username = “Tom“;/声明变量声明变量 username 并赋值并赋值 “Tom“var account = 4500; /声明变量声明变量 account 并赋值并赋值 4500age = 23; /未声明直接为变量未声明直接为变量 age 赋值赋值 23var marriaged ; /声明变量声明变量 marriaged 未赋值未赋值2.2 变量的练习变量的练习 var a = 3,b=5;
2、/声明全局变量声明全局变量 a function add(x,y) /这里参数这里参数 x 和和 y 为局部变量为局部变量var c = 6;/局部变量局部变量 creturn x + y; document.write(“a + b =“ + add(a,b)+ “);document.write(“c 的值为：“ + c);/这里会发生错误，这里会发生错误， c 的值未定义的值未定义2.3 数据类型转换数据类型转换 var a; /声明变量声明变量 a，因为没有赋值此值为，因为没有赋值此值为 undefined var b = null; var c = “100“;d = parseIn
3、t(c) + b;/c 由字符转为数值由字符转为数值 document.write(“a 转换为数值型的结果是：“ + parseInt(a) +“);2.4 数据类型转换数据类型转换 var a = undefined; var b = null;var str1 = “,str2 = “hello123“;/声明两个字符型声明两个字符型 变量，其值分别为空和变量，其值分别为空和“hello123“ var num1 = 0,num2 = NaN,num3=38;/声明三个数声明三个数 值型变量，其值分别为值型变量，其值分别为 0，NaN 和和 38 var obj = new Object
4、(); /这里创建了一个对象，名这里创建了一个对象，名 称为称为 obj with(document)/对象的对象的 with 用法用法 write(“undefined 转换后的值为：“ + new Boolean(a) +“);/将将 a 转为布尔型转为布尔型 false write(“null 转换后的值为：“ + new Boolean(b) +“);/将将 b 转为布尔型转为布尔型 falsewrite(“空字符串转换后的值为：“ + new Boolean(str1) +“);/转为布尔型转为布尔型 false write(“非空字符串转换后的值为：“ + new Boolean(
5、str2) +“);/转为布尔型转为布尔型 true write(“0 转换后的值为：“ + new Boolean(num1) +“);/转为布尔型转为布尔型 false write(“NaN 转换后的值为：“ + new Boolean(num2) +“);/转为布尔型转为布尔型 false write(“非 0 和 NaN 数值转换后的值为：“ + new Boolean(num3) +“);/转为布尔型转为布尔型 true write(“对象转换后的值为:“+new Boolean(obj) +“); /转为布尔型转为布尔型 true 3.1 算术运算符练习算术运算符练习 var su
6、m1 = 10,sum2 = 3;result = “字符串“ + sum1 + sum2; /结果为字符串结果为字符串 with(document) write(“sum1 = “ + sum1 + “ , sum2 = “ + sum2 + “);/输出数值输出数值 write(“sum1 + sum2 = “ + (sum1 + sum2) + “); /输出数值（加减乘除道理一样）输出数值（加减乘除道理一样） write(“sum1%sum2=“+(sum1%sum2)+“);/求余求余 write(“result = “ + result + “);write(“+sum1=“+ +
7、sum1+“);/自加自加 write(“sum2-=“+sum2-+ “);/自减自减 3.2 关系运算符练习关系运算符练习var sum1 = 10,sum2 = 3,str1 = “asdf“,str2 = “aDfE“;document.write(“sum1 = sum2 = “ + (sum1 = sum2) + “); /返回返回 falsedocument.write(“str1 != str2 = “ + (str1 != str2) + “);/返回返回 truedocument.write(“sum1 = sum2 = “ + (sum1 = sum2) + “);/返回
8、返回 truedocument.write(“str1 “); /返回返回 falsedocument.write(sum1 = “10“ = + (sum1 = “10“) + “);/返回返回 falsedocument.write(str2 != “aDfE“ + (str2 != “aDfE“) + “);/返回返回 false3.3 逻辑运算符练习逻辑运算符练习var a = 1,b = 2,c = 3,d = 4;document.write(“a = “ + a + “ , b = “ + b + “ ,c = “ + c + “ ,d = “ +d +“);document.w
9、rite(“(ab)d) = “ + (ab)/用用 代替代替document.write(“(ab)|(cd)2 = “ + (ab)|(c“);/返回逻辑值返回逻辑值document.write(“!(ab)d) = “ + (!(ab)/返回逻辑值返回逻辑值document.write(“(ab)d) = “ + (ab) /返回逻辑值返回逻辑值3.4?:运算符练习运算符练习var username= “Bob“;result = (username=“)?“用户名可以使用“:“用户 名已经存在，请使用其他用户名“;/条件？表达条件？表达 式（条件真时执行）：表达式（条件假时执行）式（条
10、件真时执行）：表达式（条件假时执行）alert(result);3.5 逗号逗号(,)运算符练习运算符练习 var a = 1,b = 2,c = 3;/，相当于连接符，相当于连接符result = (a,b,c);alert(result);3.6void 运算符练习运算符练习function check()var username= “;result = (username=“|username=null)?“用 户名可以使用“:“用户名已经存在，请使用其他用户 名“;alert(result); 检查用户名 /viod 常用在常用在 URL 中调用中调用 JavaScript3.7typ
11、eof 运算符练习运算符练习var num = 5;var str = “Glad to meet you!“;var bln = true;var obj = new Object();with(document) write(“num = “+num + “,str = “ + str + “,bln = “ + bln + “ ,obj 为对象“ + “);write(“num 的类型：“ + typeof num + “);write(“str 的类型：“ + typeof str + “);write(“bln 的类型：“ + typeof bln + “);write(“obj 的
12、类型：“ + typeof obj + “); /分别检测类型分别检测类型4.1 年龄验证年龄验证var age = prompt(“请输入您的年龄：“,0);if(agewhile 循环演示！ “);n+;4.5do.while 循环循环var a = 5;dodocument.write(“do.while 循环演示！ “);a+;while(a8);4.6for 循环循环 var n = 1;/用于保存计算结果用于保存计算结果for(var i = 8;i0;i-)n = n * i;document.write(“8 的阶乘为：“ + n + “);4.7break 语句语句 var
13、num = prompt(“请输入您要计算的阶乘数：“,1);var n = 1,m = num;while(true)/这是一个无限循环，如果没有 break 语句就不能跳出循环if(m“ + num + “的阶乘为：“ + n + “);4.8continue 语句语句 for(var i = 1; i y)return x;return y;var num = 3 ,str = “abc“ ;c = max(num,str);alert(“c 的值为：“ + c);5.4 函数的定义和调用函数的定义和调用function print(x,y)document.write(“第 1 个参数
14、为：“ + x);document.write(“ 第 2 个参数为：“ + y + “);var arg1 = “北京“ ,arg2 = “上海“,arg3 = “天津“ ;print(arg1);print(arg1,arg2,arg3);5.5 函数的定义和调用函数的定义和调用var a = 3,b = new Object();b.name = “John“;function change1(x)x+;function change2(obj)obj.name=“Tom“;document.write(“调用 change1()前 a 的值为：“ + a + “);change1(a)
15、;document.write(“调用 change1()后 a 的值为：“ + a + “);document.write(“调用 change2()前 b.name 的值为： “ + b.name + “);change2(b);document.write(“调用 change2()后 b.name 的值为： “ + b.name + “);5.6 在表达式中定义函数在表达式中定义函数 function fnc(x)return x*x;var squre = function(x)return x*x;document.write(“调用函数 fnc(3)的结果：“ + fnc(3);
16、document.write(“调用函数 squre(3)的结果：“ + squre(3);5.7 创建动态函数创建动态函数var myFnc = new Function(“x“,“y“,“var result = x * y;return result;“);alert(“myFnc(3,4)的结果为：“ + myFnc(3,4);5.8 函数嵌套函数嵌套function sum(x,y)var result = squre(x) + squre(y);function squre(z)return z*z;return result;alert(“sum(3,4)的运行结果为：“ + sum(3,4)
