JavaScript概念:JavaScript面向对象事件驱动具有安全性的脚本语言,面向对象
一. JavaScript特点:
1.解释性语言,边运行边解释
2.和HTML页面实现交互效果
3.语法类似于Java
4.一搬用于编写客户端脚本
二.JavaScript组成:
1.ECMAScript:脚本语言规范(标准)
2.BOM Browser Object Model浏览器对象模型
3.DOM Document Object Model文档对象模型
三.JavaScript基础语法
Web服务器:Tomcat7 Resin 将Web工程放入服务器中运行
<script type="text/javascript">
//js代码
</script>
四.string类型常用方法:
属性:字符串对象.length返回字符串长度
charAt(index) 返回在指定位置的字符
indexOf(str,index) 查找某个指定的字符串在字符串中首次出现的位置
substring(index1,index2) 返回位于指定索引index1和index2之间的字符串,并且包括索引index1对应的字符,不包括索引index2对应的字符
split(str) 将字符串分割为字符串数组
五. 数组常用方法:
属性:数组对象.length返回字符串长度
join( ) 把数组的所有元素放入一个字符串,通过一个的分隔符进行分隔
sort() 对数组排序
push() 向数组末尾添加一个或更多 元素,并返回新的长度
六.函数和事件
函数的含义:类似于Java中的方法,是完成特定任务的代码语句块
parseInt ("字符串")
将字符串转换为整型数字
如: parseInt ("86")将字符串“86“转换为整型值86
parseFloat("字符串")
将字符串转换为浮点型数字
如: parseFloat("34.45")将字符串“34.45“转换为浮点值34.45
isNaN()
用于检查其参数是否是非数字
例题:检查输入的科目数和成绩是否符合规定,统计总成绩
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>上机4</title> 6 </head> 7 <body> 8 <script type="text/javascript"> 9 do{ 10 var subNum=prompt("请输入考试科目总量:"); 11 if((isNaN(subNum))){ 12 alert("输入的不是数字,请重新输入!"); 13 continue; 14 } 15 if(subNum<=0){ 16 alert("科目数量输入错误!"); 17 continue; 18 } 19 var count=0; 20 for (var int = 0; int < subNum; int++) { 21 var res=prompt("请输入第"+(int+1)+"门科目成绩:"); 22 if((isNaN(res))){ 23 alert("输入的不是数字,请重新输入!"); 24 int--; 25 continue; 26 } 27 if(res<0||res>100){ 28 alert("成绩输入错误!"); 29 int--; 30 continue; 31 } 32 var resNum=parseInt(res); 33 count+=resNum; 34 } 35 alert(subNum+"门科目的总成绩是:"+count); 36 break; 37 }while(true); 38 39 </script> 40 </body> 41 </html>