JavaScript基础

1、JavaScript的应用：表单验证（减轻服务器压力）、页面动态效果。

2、JavScript：是一种基于对象和事件驱动的，并具有安全性能的脚本语言（描述性语言）。

3、JavaScript的特点：

（1）主要用于HTML页面中添加交互行为。

（2）是一种脚本语言，用来编写客户端的脚本，语法和Java类似。

（3）是一种解释语言，边执行边解释。

4、JavaScript的组成：

（1）ECMAScript标准：开放的、被国际上广为接受的、标准的语言规范。

（2）浏览器对象模型（BOM）：提供了独立于内容与浏览器窗口进行交互的对象，使用BOM可以实现与HTML的交互。

（3）文档对象模型（DOM）：是HTML文档对象模型定义的一整套标准方式，用来访问和操纵HTML文档。

5、JavaScript的基本结构：

<script type="text/Javascript">
    //JavaScript语句
    //使用document.write()向页面输出带HTML标签的内容。
    document.write("Hello，World！");
</script>

6、JavaScript的执行原理：

（1）浏览器客户端向服务器发送请求。

（2）数据处理。（3）发送响应。

7、在网页中引用JavaScript的方式：

（1）内部JavaScript文件。

（2）使用外部JavaScript文件。

<script type="text/Javascript" src="js/index.js"></script>

（3）直接在HTML标签中：

<input name="btn" value="弹出消息框" onclick="javascript:alert("Hello World！");">

JavaScript核心语法

1、变量的声明与赋值：注意区分大小写。

var 变量名；
var name="HelloWorld";
var x,y,z=0;

2、数据类型：

（1）underfind：未定义类型，变量定义未赋值时的默认值。

（2）null：空类型，表示“什么都没有”的占位符。

（3）number：数值类型，可以表示32位整数，也可以表示64位浮点数。

（4）boolean：布尔值类型。

（5）String：字符串类型。

3、String类型：

（1）字符串对象.length：字符串长度。

（2）indexOf(str,index)方法：查找某个指定的字符串在字符串中首次出现的位置。

（3）charAt(index)：返回在指定位置的字符。

（4）toLowerCase()：将字符串转化为小写。

（5）toUpperCase()：将字符串转化为大写。

（6）substring(index1,index2)：返回指定索引之间的字符串，包前不包后。

（7）split(str)：将字符串分割为字符串数组。

4、数组：

var 数组名称 = new Array(size);

//声明数组时直接为数组元素赋值
var arr1 = new Array("a","b");

//分别为数组元素赋值
var arr2 = new Array(2)；
arr2[0] = "a";
arr2[1] = "b";

//[]定义数组
var arr3 = ["a","b"];

（1）数组名称.length：数组长度。

（2）join()：将数组的所有元素放入一个字符串，通过一个分隔符进行分隔。

（3）sort()：对数组进行排序。

（4）push()：向数组末尾添加一个或多个元素并返回新的长度。

5、运算符号：算数运算符、比较运算符、逻辑运算符、赋值运算符。

（1）==表示等于，===表示恒等，!==表示不恒等，都是用于比较。但是==用于一般比较，===用于严格比较，==在比较时可以转换数据类型，===在比较时只要数据类型不匹配就返回false。

6、逻辑控制语句：

（1）条件结构：if-else结构、switch结构。

（2）循环结构：for结构、while结构、do-while结构、for-in结构。

（3）中断循环：break、continue。

7、注释：

（1）单行注释：//注释内容

（2）多行注释：/注释内容/

8、常用的输入/输出：

（1）警告（alert）

alert("提示信息");

（2）提示（prompt）

var color = promt("请输入你喜欢的颜色","");

程序调试

1、语法错误的排除：Chrome按F12进入脚本调试页面。

2、逻辑错误的排除：设置断点、单步调试、修改错误。

Javascript常用函数

1、parseInt()：解析一个字符串并返回一个整数。

2、parseFloat()：解析一个字符串并返回一个浮点数。

3、isNaN()：用于检查其参数是否是非数字。

4、自定义函数：

function 函数名(参数列表) {
    //JavaScript语句
}

5、调用函数：

事件名="函数名()";

6、事件：

（1）onload：一个页面或一副图像完成加载。

（2）onclick：鼠标单击某个对象。

（3）onmouseover：鼠标指导移动到某元素上。

（4）onkeydown：某个键盘按键被按下。

（5）onchange()：域的内容被改变。