JavaScript基础
1.1为什么学习JavaScript?
JavaScript在网页制作中占有非常重要的地位,可以实现验证表单、制作特效等功能,总结来说,主要基于以下三点。
- 客户端表单验证:当出现信息格式输入错误之类的问题,表单页面给出错误提示。这些错误在提交到服务器之前,由客户端提前进行验证。好处是:1.客户得到了及时的交互。2.减轻服务器压力。
- 页面动态效果:在JavaScript中可以编写响应鼠标单击等事件的代码,创建动态页面特效,从而高效地控制页面的内容。
- jQuery的基础:JavaScript是学习jQuery的基础,所以要先把JavaScript的基础打牢,在学习jQuery就是顺理成章的事了。
1.2什么是JavaScript
JavaScript是一种描述性语言,也是一种基于对象(Object)和事件驱动(Event Driven)的,并具有安全性能的脚本语言。总结其特点如下:
- JavaScript主要用来在HTML页面中添加交互行为
- JavaScript是一种脚本语言,语法和Java相似
- JavaScript一般是用来编写客户端的脚本
- JavaScript是一种解释性语言,边执行边解释
1.3JavaScript的组成
- ECMAScript标准: ECMAScript是一种开放的、被国际上广为接受的,标准的脚本语言规范。它不与任何具体的浏览器绑定。
- 浏览器对象模型:(Browser Object Model,BOM) ,提供了独立于内容与浏览器窗口进行交互的对象,使用DOM可以实现与HTML的交互,如网上常见的弹出窗口
- 文档对象模型: (Document Object Model,DOM),是HTML DOM定义的一套标准方法,用来访问和操纵HTML文档。
2.1 JavaScript的基本结构
<script type="text/Javascript">
JavaScript 语句;
</script>
2.2 在网页中引用JavaScript,和引用CSS文件一样分为三种,一般使用第二种
- 内部JavaScript文件
- 使用外部JavaScript文件
- 直接在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 域的内容被改变