javascript课堂笔记

课堂笔记
第二天javascript 课程目标:
1.javascript概述
2.javascript的基本语法
3.javascript常用对象
4.javascript常用全局函数
主要内容：
1.javascript简介
2.javascript的使用方式*
3.javascript基本语法*
4.javascript常用对象*
5.javascript全局函数*
一、javascript简介
1. 什么是javascript？
javascript简称js正式名称：ECMAScript
js是一种弱类型的基于对象和事件驱动的脚本语言。

作用: 用于定义网页的行为
2. javascript 和java的区别于联系
a，js是弱类型语言，java是强类型的语言
b，js不需要编译由浏览器解释执行，java需要编译然后由jvm解释执行
c，js基于对象，java是OO
d，二者在语法上非常相似
3. javascript语言组成
ECMAScript+BOM（Brower Object Model浏览器对象模型）+DOM（Document Object Model文档对象模型）=js
二、javascript的使用方式
1. 内部js脚本(直接把js写在html文档中)
<script type="text/javascript">
alert("hello world!");
</script>
2. 外部js文件(扩展名为js的文件)使用下面语法引入当前html文档中
第一步建立外部的脚本文件扩展名为js
第二步在网页中如下使用
<script type="text/javascript" src="js文件名称.js">切记：这里不能再写脚本</script>
三、javascript基本语法
1. 标识符的命名规则
a，标识符由字母、数字、下划线和$组成
b，不能用数字开头
c，大小写敏感
d，不能使用保留字和关键字作为标识符名称
2. 变量声明
var name=”tom”; //js中的字符串用单引号或双引号包含
3. 注释
a.单行注释
//
b.多行注释
/* */
4. 运算符
1)算术运算符
+、- 、*、/、%、++、--
2)赋值运算符
= 、+=、-=、*=、%=
3)比较运算符
==（类似于java中String的equals）、===（类似于java中String的==）、！= 、> 、<、>=、<=
4)逻辑运算符
&&(与) 、||(或) 、!(非)
5)+操作符
6)三目(元)运算符
条件表达式?代码1:代码2;
7)typeof运算符:返回操作数的数据类型
var s="tom"; //string
s=34; //number
s=true; //boolean
s=''; //string
//typeof返回被检测变量的数据类型
alert(typeof(s)); //string
5. 流程控制语句
1)条件语句
if语句
语法:
if (条件)
{
条件成立时执行代码;
}
//true
/*
if('g'){
alert("条件满足");
}
if(-12){
alert("条件满足===");
}
if(new String()){
alert("条件满足===");
}
*/
//false
if(0){
alert("条件不满足===");
}
if(null){
alert("条件不满足===");
}
if(""){
alert("条件不满足===");
}
注意：至少有一个字符的字符串、非0数字或对象在进行布尔运算时将返回1即true。

空字符串、数字0、undefined或null在进行布尔运算时将返回0即false。

if...else语句
语法：
if (条件)
{
条件成立时执行此代码;
}else{
条件不成立时执行此代码;
}
if..else...if语句
语法：
if (条件1)
{
条件1成立时执行代码;
}else if(条件2){
条件2成立时执行代码;
}else{
条件1和条件2均不成立时执行代码;
}
switch语句
语法：
switch(n)
{
case 1:
执行代码块1;
break;
case 2:
执行代码块2;
break;
……
case n:
执行代码块n;
break;
default:
如果以上case都不满足，则执行此代码;
}
2)循环语句
for循环
语法：int i=0; i<67;i++
var i=0;i<6;i++
for (初始表达式(1);条件表达式(n);增量/减量表达式(n-1))
{
需执行的代码
}
while循环
语法：
while(条件表达式){
需执行的代码
[增量设置;]
}
do...while循环
语法：
do{
需执行的代码;
[增量设置;]
}while(条件表达式)
3)跳转语句
break语句：用来终止循环
continue语句：终止当前循环，继续下一轮的循环6. 转义符\
代码输出
\' 单引号
\" 双引号
\& 和号
\\ 反斜杠
\n 换行符
\r 回车符
\t 制表符
\b 退格符
\f 换页符
7. 函数
1)无参数
语法：function 函数名(){代码段}
2)有参数
语法：function 函数名(形式参数列表){代码段}
3)匿名函数
语法：function (){代码段}
4)return语句
语法：function 函数名(){代码段;return 返回值;}
有三种用途：1，在函数中指定返回值
2. 在事件中接收函数返回值
3, 强制结束函数或循环、条件等
5)函数的调用方法
a,没有返回值的
有参数：函数名(实参)
无参数:函数名()
b,有返回值：
var returnvalue=函数名()
c，在form的onsubmit中调用用return 函数名() 如：
function checkForm(){
return true;
}
<form method="post" action="" onsubmit='return checkForm()'>
6)arguments对象
arguments对象能够获得函数的参数列表，在使用时arguments[下标]（从零开始），另外，arguments对象有一个获得参数个数的属性length。

四、javascript常用对象(Array,Date,Math,String,RegExp)
1. Array数组对象*
数组对象
声明方法：
var array=new Array();
array=new Array(10);
array=[3,6,78,8,9,89];
特性（和java中数组相反）：
a，数字中可以存储任意类型的数据
b，数字长度可变
c，可以使用文本下标
2. String对象*
var name=”tom”;
var name=new String(“tom”);
3. Math对象(类似于java中的Math类的数学方法)
4. Date对象
5. RegExp对象*
var code=/^[4|6]\d{5}$/;
code=new RegExp("^[4|6]\\d{5}$"); 切记：如\d等需要转义为：\\d
五、javascript全局函数
1. isNaN 检查某个值是否为数字
isNaN(param)是数字返回false，非数字返回true，用于进行类型转换前检验变量是否不是数字。

2. parseInt/parseFloat 解析字符串为整数/浮点数
把有数字的字符串转换为数字。