中软培训课件5-javascript

1、JavaScript什么是JavaScript脚本的执行原理应用服务器IEIE解析HTML标签和JavaScript脚本从服务器端下载含JavaScript的页面返回响应客户端请求含JS的页面发送请求1用户输入23JavaScript的基本语法脚本的基本结构var count=0;document.write(淘宝网欢迎您！);for(i=0;i5;i+) document.write(淘宝网欢迎您！); BODY部分的内容大家想想上面JavaScript代码与我们学过的Java语言有相似的地方吗？JavaScript的基本语法基本语法 变量运算符号控制语句注释类型转换变量的声明和赋值 var

2、 count; count = 5;定义变量赋值 “var” 用于声明变量的关键字 “count” 变量名var x, y, z = 10;var count = 10;同时声明和赋值变量声明多个变量运算符号运算符对一个或多个变量或值（操作数）进行运算，并返回一个新值根据所执行的运算，运算符可分为以下类别：算术运算符 +、-、 * 、 / 、%、+、-、-(求反)比较运算符=、!=、=、=逻辑运算符 &、|、！逻辑控制语句if条件语句switch多分支语句for、while循环语句if(条件) /JavaScript代码;else /JavaScript代码;switch (表达式) case

3、 常量1 : JavaScript语句1; break; case 常量2 : JavaScript语句2; break; . default : JavaScript语句3; for(初始化; 条件; 增量) 语句集; while(条件) 语句集;什么是函数函数的含义：类似于Java中的方法，是执行特定任务的语句块。如何希望点击某个按钮后才显示“HelloWorld”，并能输入显示的次数，怎么办？什么是函数1、在页面中放置一个文本框和一个按钮，让用户输入次数后点击按钮才显示2、把循环显示的代码放置到函数中，当点击按钮时，才调用函数显示HelloWorld经过分析，该如何解决上面问题？使用自定

4、义函数 如何使用函数创建函数 function 函数名( 参数1,参数2， ) 语句; 调用函数 函数调用一般和表单元素的事件一起使用，调用格式为： 事件名“函数名” ;function showHello( ) var count=document.myForm.txtCount.value ; for(i=0; icount; i+) document.write(HelloWorld);表示单击此按钮时，调用函数showHello( )执行小结1编写如左图所示，具有能对两个操作数进行加、减、乘、除运算的简易计算器。名为myform的表单名为divButton2的普通按钮名为txtNum1

5、的文本框提示：加、减、乘、除四个按钮分别调用四个函数实现两个数相加、相减、相乘和相除如何使用函数在小结1中，4个按钮调用的函数的代码很类似，怎么优化代码？比较4个函数，只有运算符号不一样，将运算符号作为函数的参数即可。怎么用一个函数来代替4个结构相似的函数？使用有参函数定义有参函数JavaScript 代码function compute(op) var num1,num2; num1=parseFloat(document.myform.txtNum1.value); num2=parseFloat(document.myform.txtNum2.value);if (op=+) docum

6、ent.myform.txtResult.value=num1+num2 ; if (op=-) document.myform.txtResult.value=num1-num2 ; if (op=*) document.myform.txtResult.value=num1*num2 ; if (op=/ & num2!=0) document.myform.txtResult.value=num1/num2 ; 定义有参函数compute( )，完成计算功能，op参数代表运算符号。 调用有参函数JavaScript 代码 调用有参函数查看完整代码制作实现全选效果-1如何实现如图所示的全选

7、或全不选效果？全选效果全不选效果制作实现全选效果-21、复选框是否选中的属性是哪个？2、写代码逐个复选框设置为true，有没有更好的办法？checked属性解决办法: 使用复选框数组，通过循环给checked属性赋值制作实现全选效果-3实现思路：创建一组同名的复选框编写脚本1、使用getElementsByName( )方法获得一组同名的复选框对象。2、通过循环来改变复选框是否被选中属性checked的值。制作实现全选效果-4function checkAll(boolValue ) var allCheckBoxs=document.getElementsByName(isBuy) ; fo

8、r (var i=0;iallCheckBoxs.length ;i+) if(allCheckBoxsi.type=checkbox) allCheckBoxsi.checked=boolValue ; 全选 全不选 查看完整代码判断同名元素中是否是复选框是复选框就改变是否选中属性checked的值什么需要表单验证减轻服务器的压力保证输入的数据符合要求表单验证的内容日期是否有效或日期格式是否正确表单元素是否为空用户名和密码E-mail地址是否正确身份证号码等是否是数字表单验证思路 当输入的表单数据不符合要求时，如何编写脚本来进行提示？获得表单元素值使用JavaScript的一些方法对数据进行

9、判断当表单提示时，触发 onsubmit事件，对获取的数据进行验证String对象字符串对象的属性 字符串对象.lengthvar str=this is JavaScript;var strLength=str.length; 18String对象字符串对象的方法字符串对象.方法名( )方法描述toLowerCase()把字符串转化为小写toUpperCase()把字符串转化为大写charAt(index)返回在指定位置的字符indexOf(字符串，index)查找某个指定的字符串值在字符串中首次出现的位置substring(index1,index2)返回位于指定索引index1和index2之间的字符串，并且包括索引index1对应的字符，不包括索引index2