JavaScript
Javascript简介:
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。 JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
第一章:JavaScript基础
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>
三.变量和数据类型,数组
/* var value=prompt('提示:请输入用户名'); //输入框
alert(value); //提示框 */
//number
var number1=1.10000;
//string
var name='王某涛';
//我们看不到变量的数据类型为null 但是我们能看到变量的值为null
//undefined 未定义没有给值情况下
var xx;
//boolean true false
var flag=true;
//object
var array=new Array('一','二');
//typeof获取值或者变量的数据类型
alert(typeof null);
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>
<html>
<head>
<meta charset="UTF-8">
<title>上机4</title>
<script type="text/javascript">
do {
var num=prompt("请输入考试 科目数量:");
if ((isNaN(num))) {
alert("输入的不是数字,请重新输入!");
continue;
}
if (num<=0) {
alert("科目数量输入错误!");
continue;
}
var count=0;
for (var int = 1; int <=num; int++) {
var result=prompt("请输入第"+int+"门科目成绩");
if (isNaN(result)) {
alert("输入的不是数字,请重新输入!");
int--;
continue;
}
if (result>100||result<0) {
alert("成绩输入有误!");
int--;
continue;
}
var resnum=parseInt(result);
count=count+resnum;
}
alert(num+"门科目的总成绩是:"+count);
break;
} while (true);
</script>
</head>
<body>
</body>
</html>
2.统计考试科目的成绩:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>上机3</title>
<script type="text/javascript">
var number1=prompt("请输入第一个数:");
var number2=prompt("请输入第二个数:");
var f=prompt("请输入运算符:");
var n1=parseInt(number1);
var n2=parseInt(number2);
var count;
switch (f) {
case "+":
count=n1+n2;
break;
case "-":
count=n1-n2;
break;
case "*":
count=n1*n2;
break;
case "/":
count=n1/n2;
break;
}
alert("两数运算的结果为:"+n1+f+n2+"="+count);
</script>
</head>
<body>
</body>
</html>
l > |