第1章 js基础（3课时）

目标

简介、引入方式、 基本语法 三种输出方式

数据类型 isNaN()函数 for...in

函数定义和调用

定义

JavaScript是基于对象的脚本语言

解释执行

代码以纯文本形式存储

类型宽松（弱类型）

Netscape公司和Sun公司联手完成

JavaScript功能

表单确认

页面修饰以及特殊效果

导航系统

基本数学运算

动态文档生成

JavaScript特点

脚本编写

基于对象

简单

安全

动态

跨平台

JavaScript相关概念

ECMAScript—国际标准

DOM文档对象模型

BOM浏览器对象模型

写在哪里

写在页面里(内联)

在head中用

在标签上嵌入(内联)

写到外部文件里，页面里引用(外联)

基本语法

变量命名（基本与java相同）

以字母、下划线（_）或美元符号（$）开头

余下的字符可以是下划线、美元符号或任何的字母、数字

最长为255个字符

不能有空格，大小写敏感

不能使用JavaScript中的关键字或保留字命名

注释写法

单行 //

多行 /* */

如何输出

alert(); 弹出窗口显示

console(); 控制台输出

JavaScript保留字(简单看一下)

js数据类型

基本数据类型（五种）：Number  String Boolean Undefined Null

Number:数字类型

String:单引或双引括起来

Boolean：布尔类型true/false

Undefined:定义但未赋值

Null：空对象

引用类型：Object

如何判断数据类型typeof(变量名)

例子

isNaN()函数

Not a Number 判断不是数字？

alert(isNaN(NaN));//truealert(isNaN(25));//false，25是一个数值alert(isNaN('25'));//false，'25'是一个字符串数值，可以转成数值alert(isNaN('Lee'));//true，'Lee'不能转换为数值alert(isNaN(true));

除了定义变量，其他语法与java相同

for-in语句

var mycars=new Array();

mycars[0]="audi";

mycars[1]="bmw";

for(x in mycars){

document.write(mycars[x]);

}

转义字符：详见课件第37页。

课堂练习

1、输出a，b 2个数中的最大值

2、输出1到100的整数的和

参考答案：

函数#

类似java中的方法

函数定义语法

【】括号内为可选项

第一种标准方式

function 函数名( [ 参数1, [ 参数2, [ 参数N ] ] ] )

{

[ 语句组 ];

[ return [表达式] ];

}

例1）无参无返回值函数

2)有参无返回值函数

有参有返回值

第二种函数变量定义方式

var 变量名 = function( [ 参数1, [ 参数2, [ 参数N ] ] ], [ 函数体 ] );

//函数定义

var add=function(value1,value2){

return value1+value2;

}varresult=add(10,20);alert(result);

两种方式区别

第一种会生成全局函数，会产生函数声明提前现象。会代码顺序上看，还没有定义就可以使用

函数调用

链接调用

点我

事件触发调用

点我呵呵

课堂练习

1、做一个九九表

2、使用prompt(””,””)获取用户输入的字符串，直到实现输入“STOP”时停止。并打印所有的输入：其他字符使用红色，“STOP”使用蓝色。

Prompt()的使用参见下面写法：

var inputStr = prompt("请输入一串字符，当输入‘STOP’时停止","");

js全局对象(学生试验)

http://www.w3school.com.cn/jsref/jsref_obj_global.asp

Number() 转成数字

var test1= new Boolean(true);var test2= new Boolean(false);var test3= new Date();var test4= new String("999");var test5= new String("999 888");document.write(Number(test1)+ "
");document.write(Number(test2)+ "
");document.write(Number(test3)+ "
");document.write(Number(test4)+ "
");document.write(Number(test5)+ "
");

parseInt()

parseInt(string, radix)  字符串，进制

parseInt("10");//返回 10parseInt("19",10);//返回 19 (10+9)parseInt("11",2);//返回 3 (2+1)parseInt("17",8);//返回 15 (8+7)parseInt("1f",16);//返回 31 (16+15)parseInt("010");//未定：返回 10 或 8

parseFloat()

parseFloat() 函数可解析一个字符串，并返回一个浮点数

parseFloat(string)

document.write(parseFloat("10")) document.write(parseFloat("10.00")) document.write(parseFloat("10.33")) document.write(parseFloat("34 45 66")) document.write(parseFloat(" 60 ")) document.write(parseFloat("40 years"))document.write(parseFloat("He was 40"))

isNaN()

isNaN() 函数用于检查其参数是否是非数字值。

eval()

eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。

eval("x=10;y=20;document.write(x*y)")document.write(eval("2+2"))var x=10document.write(eval(x+17))

作业：

1)上面全局函数试验

2）第1章实训:统计科目考试成绩（供参考）

count(prompt("请输入考试科目数量"));    function count(num){        var sum=0;        if(isNaN(num)){            alert("输入的不是数字！");          }else if(num<=0){            alert("输入的考试科目无效");        }else{            for(var i=1;i<=num;i++){                var score=prompt("请输第"+i+"门科目成绩：");                if(isNaN(score)){                    alert("成绩必须是数字!");                    break;                }else if(score<0)                {                    alert("成绩不能是负数!");                    break;                }else                    sum+=parseFloat(score);            }        }        if(sum!=0)            alert(num+"门科目的总成绩是："+sum);    }

3）预习第2章(第2章线上学习对象和正则调用)

转至：↓

链接：https://www.jianshu.com/p/ed5f634dbe6d

来源：

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。