《JavaScript 概述和基础语法》由会员分享，可在线阅读，更多相关《JavaScript 概述和基础语法（26页珍藏版）》请在金锄头文库上搜索。
1、JavaScript 第一章: 概述和基础语法,目录,脚本的基本结构 JavaScript的组成 JavaScript的基本语法 定义和使用函数,为什么要学JavaScript,表单验证减轻服务器端压力 页面动态效果 使用JavaScript实现动态效果不如jQuery简洁方便，JavaScript是学习jQuery的基础,什么是JavaScript,JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言。 JavaScript特点 向HTML页面中添加交互行为 脚本语言，语法和Java类似 解释性语言，边执行边解释 JavaScript组成,DOM,JavaScript,E
2、CMAScript,BOM,JavaScript的基本结构,基本结构,Hello World“);页面主体内容 ,示例,经验：可以包含在文档中的任何地方，只要保证这些代码在被使用前已读取并加载到内存即可。,JavaScript的执行原理,网页中引用JavaScript的方式,使用标签 外部JS文件直接在HTML标签中,JavaScript核心语法,核心语法 语法约定 变量 数据类型 数组 运算符号 控制语句 注释 输入/输出,核心语法-语法约定,代码区分大小写 变量、对象和函数的名称 分号,核心语法-变量,先声明变量再赋值同时声明和赋值变量不声明直接赋值,var width; width =
3、5;,var catName= “皮皮”; var x, y, z = 10;,width=5;,核心语法-数据类型,数据类型 undefined nullnumberbooleanstring,var width; 变量width没有初始值，将被赋予值undefined,var iNum=23; /整数 var iNum=23.0; /浮点数,true和false,表示一个空值，与undefined值相等,一组被引号（单引号或双引号）括起来的文本 var string1=“This is a string“;,核心语法- String对象,属性 字符串对象.length 方法 字符串对象.方
4、法名(); 常用方法 charAt(index) indexOf(str，index) substring(index1，index2) split(str),在线教程：http:/,核心语法- typeof运算符,typeof检测变量的返回值 typeof运算符返回值如下： undefined：变量被声明后，但未被赋值 string：用单引号或双引号来声明的字符串 boolean：true或false number：整数或浮点数 object：javascript中的对象、数组和null,核心语法 数组,创建数组 var 数组名称 = new Array(size); 为数组元素赋值访问数组
5、,var fruit= new Array(“apple“, “orange“, “ peach“,“bananer“);,var fruit = new Array(4); fruit 0 = “ apple “; fruit 1 = “ orange “; fruit 2 = “ peach “; fruit 3 = “ bananer “;,核心语法-数组,常用属性 length 常用方法 join( ) 把数组的所有元素通过指定的分隔符进行分隔放入一个字符串（默认用“，”） sort() 对数组的元素进行排序 push() 向数组的末尾添加一个或更多元素，并返回新的长度,核心语法-运算
6、符号,算术运算符 + - * / % + - 赋值运算符 = 比较运算符 = = = != 逻辑运算符 & | !,核心语法-逻辑控制语句,条件结构 if switch 循环结构 while for 循环中断 break continue,核心语法注释与输入/输出,注释 / /*/ 输入/输出 alert() alert(“提示信息”); prompt() prompt(“提示信息”, “输入框的默认信息”); prompt(“请输入姓名”, “张三”); prompt(“请输入姓名”);,函数,函数 类似于Java中的方法，是完成特定任务的代码语句块 特点 使用更简单：不用定义属于某个类，直
7、接使用 分类 系统函数和自定义函数,常用函数,parseInt (“字符串“) 将字符串转换为整型数字 如: parseInt (“86“)将字符串“86”转换为整型值86 parseFloat(“字符串“) 将字符串转换为浮点型数字 如: parseFloat(“34.45“)将字符串“34.45”转换为浮点值34.45 isNaN() 用于检查其参数是否是非数字 如: isNaN(“ abc “)，则返回true;,自定义函数,语法调用函数 函数调用一般和表单元素的事件一起使用，调用格式：事件名 “函数名( )“ ;,function 函数名(参数1,参数2,参数3,)/JavaScrip
8、t语句;return 返回值 ,函数调用,调用无参函数调用有参函数,function showHello() ,function showHello(count) ,函数调用,调用无参函数调用有参函数,function showHello() ,function showHello(count) ,匿名函数,匿名函数，即没有函数名 定义匿名函数调用匿名函数,var showFun = function (count) for(var i=0;iHello World“); ;,变量作用域,var i=20; function first()var i=5;for(var j=0;ji)document.write(t);elsedocument.write(i);first(); ,全局变量与局部变量,总结,在本章讨论了: JavaScript的基本结构及组成 JavaScript的基本语法 JavaScript的数据类型、string、数组 alert() 和 prompt() 定义和使用函数,
