JavaScript基础

1.1为什么学习JavaScript?

JavaScript在网页制作中占有非常重要的地位,可以实现验证表单、制作特效等功能,总结来说,主要基于以下三点。

1. 客户端表单验证:当出现信息格式输入错误之类的问题,表单页面给出错误提示。这些错误在提交到服务器之前,由客户端提前进行验证。好处是:1.客户得到了及时的交互。2.减轻服务器压力。
2. 页面动态效果:在JavaScript中可以编写响应鼠标单击等事件的代码,创建动态页面特效,从而高效地控制页面的内容。
3. jQuery的基础:JavaScript是学习jQuery的基础,所以要先把JavaScript的基础打牢,在学习jQuery就是顺理成章的事了。

1.2什么是JavaScript

　　JavaScript是一种描述性语言,也是一种基于对象(Object)和事件驱动(Event Driven)的,并具有安全性能的脚本语言。总结其特点如下:

• JavaScript主要用来在HTML页面中添加交互行为
• JavaScript是一种脚本语言,语法和Java相似
• JavaScript一般是用来编写客户端的脚本
• JavaScript是一种解释性语言,边执行边解释

1.3JavaScript的组成

1. ECMAScript标准: ECMAScript是一种开放的、被国际上广为接受的,标准的脚本语言规范。它不与任何具体的浏览器绑定。
2. 浏览器对象模型:(Browser Object Model,BOM) ,提供了独立于内容与浏览器窗口进行交互的对象,使用DOM可以实现与HTML的交互,如网上常见的弹出窗口
3. 文档对象模型: (Document Object Model,DOM),是HTML DOM定义的一套标准方法,用来访问和操纵HTML文档。

2.1 JavaScript的基本结构

<script type="text/Javascript">
            JavaScript 语句;
</script>

2.2 在网页中引用JavaScript,和引用CSS文件一样分为三种,一般使用第二种

1. 内部JavaScript文件
2. 使用外部JavaScript文件
3. 直接在HTML标签中

3 JavaScript核心语法

3.1赋值的声明和赋值

　　语法:var 合法的变量名;

3.2 数据类型

• undefined(未定义类型):声明为赋值即为未定义类型
• null(空类型)
• number(数值类型) :包括整形和浮点型
• String(字符串类型):用''或者""括起来的
• boolean(字符串类型):只有true 和 false 两种取值

　　*typeof(变量或值)    用于判断变量或值究竟属于哪种数据类型

3.2.1 String对象常用方法

　　属性：字符串对象.length返回字符串长度
　　charAt(index) 返回在指定位置的字符
　　indexOf(str，index) 查找某个指定的字符串在字符串中首次出现的位置
　　substring(index1，index2) 返回位于指定索引index1和index2之间的字符串，并且包括索引index1对应的字符，不包括索引index2对应的字符
　　split(str) 将字符串分割为字符串数组
3.3 数组的使用

　    数组的声明:　var 数组名称 =new Array(数组长度);

　　数组的赋值:    var 名称=new Array("值1","值2",.... ...);  或 var 名称=["值1","值2"]  或者根据数组下标赋值

3.3.1数组常用方法：
　　属性：数组对象.length返回字符串长度
　　join( ) 把数组的所有元素放入一个字符串，通过一个的分隔符进行分隔
　　sort() 对数组排序
　　push() 向数组末尾添加一个或更多 元素，并返回新的长度

3.4 循环结构

　　　　除了无法使用for()增强以外,JavaScript的循环结构和Java基本相同

　　JavaScript提供了for-in循环常用于对数组或者对象的属性进行循环操作,基本语法格式如下:

　　for( 变量 in 对象){

 　　　　　　JavaScript语句;

　　};

4 语法约束

　　4.1大小写的区分

• JavaScript的关键字,如for和if,永远都是小写的
  
• 内置对象,如Math和Date都是以大写字母开头
• 对象的名称通常是小写,多个单词的首单词小写,之后的单词首字母大写

　　4.2 变量、对象和函数的名称

　　　　与java的命名规范类似,当使用变量、对象和函数的名称时,名称可以包含大小写字母、数字、下划线和美元符号($),但是不能以数字开头

5 函数和事件
　　5.1 函数的含义：类似于Java中的方法，是完成特定任务的代码语句块
　　　　1.parseInt ("字符串")   将字符串转换为整型数字
　　　　如: parseInt ("86")将字符串“86“转换为整型值86
　　　　2.parseFloat("字符串")
　　　　将字符串转换为浮点型数字
　　　　如: parseFloat("34.45")将字符串“34.45“转换为浮点值34.45
　　　　3.isNaN() 用于检查其参数是否是非数字
　　5.2 事件：
　　　　onload 一个页面或一幅图像完成加载
　　　　onlick 鼠标单击某个对象
　　　　onmouseover 鼠标指导移到某元素上
　　　　onkeydown 某个键盘按键被按下
　　　　onchange 域的内容被改变