JavaScript基础——第一章，基础

一，Javascript的基本结构

二，网页中引用JavaScript的方式

使用

 

外部JS文件

直接在HTML标签中

三，变量

//先声明变量再赋值
var width;
wtdth = 5;   

//同时声明变量和赋值
var width = 5;

//不声明直接赋值
width = 5;

• 变量可以不经声明而直接使用，但这种方法很容易出错，也很难查找排错，不推荐使用

四，数据类型

• undefined          变量没有初始值，将被赋予值undefined
• null                      表示一个空值，与undefined相等
• number              整数和浮点数
• boolean              true和false
• string                   一组被引号（单引号或双引号）扩起来的文本

五，typeof运算符

检测变量的返回值

typeof运算符返回值如下

• undefined ：变量被声明后，但未被赋值
• string ：用单引号或双引号来声明的字符串
• boolean：true或false
• number：整数和浮点数
• object：javascript中的对象，数组或null

六，String对象

• 属性：

             字符串对象 . leng

• 方法：

            字符串对象 . 方法名（）；

charAt（index）：返回在指定位置的字符

indexOf（str，index）：查找某个指定字符串在字符串中首次出现的位置

substring（index1，index2）：返回位于指定索引index1和index2之间的字符串，并且包括索引index1对应的字符，不包                                                                       括索引index2对应的字符

split（str）：将字符串分割为字符串数组

七，数组

• 创建数组

var arr = new Array(5);    //创建数组
/*为数组元素赋值*/
arr[0] = "aaa";
arr[1] = "bbb";
arr[2] = "ccc";
arr[3] = "ddd";
arr[4] = "eee";

• 属性和方法

length；设置或返回数组中元素的数目

join（）；把数组的所有元素放入一个字符串，通过一个分隔符进行分割

sort（）；对数组排序

push（）；想数组末尾添加一个或更多元素，并返回新的长度

八，运算符号

• 算术运算符：+ ， - ， * ， /
• 赋值运算符：= ， += ， -=
• 比较运算符：> ，< ， >=，<=，== ， != ，=== ，！==
• 逻辑运算符：&& ， || ，！

九，逻辑控制语句

 

• if（）条件语句
• switch多分支语句
• for，while循环语句
• for-in

var arr = new Array("America","Greece","Britain","Canada","China","Egypt");
			for(var i in arr){
				document.write(arr[i] + "
");
			}			}

十，什么是函数

 

1. 函数的含义：类似于Java中的方法，是完成特定任务的代码语句块
2. 使用更简单：不用定义属于某个类，直接使用
3. 函数分类：系统函数和自定义函数

常用的系统函数：

parseInt（）：将字符串转换为整形数字

parseFloat（）：将字符串转换为浮点数字

isNaN（）：用于检测其参数是否是非数字

自定义函数：

function 函数名（参数1，参数2，参数3，......）{

            //javascript语句

           [ return  返回值 ]

}

调用函数：

事件名 = " 函数名（）"；

十一，事件

• onload：一个页面或一个图像完成加载

• onlick：鼠标单击某个对象

• onmouseover：鼠标指导移到某元素上

• onkeydown：某个键盘按键被按下

• onchange：域的内容被改变