JavaScript 概述和基础语法.pptVIP

JavaScript 第一章: 概述和基础语法 目录 脚本的基本结构 JavaScript的组成 JavaScript的基本语法 定义和使用函数 为什么要学JavaScript 表单验证－减轻服务器端压力 页面动态效果 使用JavaScript实现动态效果不如jQuery简洁方便，JavaScript是学习jQuery的基础 什么是JavaScript JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言。 JavaScript特点 向HTML页面中添加交互行为 脚本语言，语法和Java类似 解释性语言，边执行边解释 JavaScript组成 DOM JavaScript ECMAScript BOM JavaScript的基本结构 基本结构 script type=text/javascript !-- JavaScript 语句; -- /script script type=text/javascript !-- document.write(输出HelloWorld); document.write(h1Hello World/h1); -- /script /head body页面主体内容/body /html 示例 经验：script…/script可以包含在文档中的任何地方，只要保证这些代码在被使用前已读取并加载到内存即可。 JavaScript的执行原理 网页中引用JavaScript的方式 使用script标签 外部JS文件 直接在HTML标签中 script src=hello.js type=javascript/script input name=btn type=button value=弹出消息框 onclick=javascript:alert(欢迎你);/ JavaScript核心语法 核心语法 语法约定 变量 数据类型 数组 运算符号 控制语句 注释 输入/输出 核心语法--语法约定 代码区分大小写 变量、对象和函数的名称 分号 核心语法--变量 先声明变量再赋值 同时声明和赋值变量 不声明直接赋值 var width; width = 5; var catName= “皮皮”; var x, y, z = 10; width=5; 核心语法--数据类型 数据类型 undefined null number boolean string var width; 变量width没有初始值，将被赋予值undefined var iNum=23; //整数 var iNum=23.0; //浮点数 true和false 表示一个空值，与undefined值相等 一组被引号（单引号或双引号）括起来的文本 var string1=This is a string; 核心语法-- String对象 属性 字符串对象.length 方法 字符串对象.方法名(); 常用方法 charAt(index) indexOf(str，index) substring(index1，index2) split(str) 在线教程： 核心语法-- typeof运算符 typeof检测变量的返回值 typeof运算符返回值如下： undefined：变量被声明后，但未被赋值 string：用单引号或双引号来声明的字符串 boolean：true或false number：整数或浮点数 object：javascript中的对象、数组和null 核心语法– 数组 创建数组 var 数组名称 = new Array(size); 为数组元素赋值 访问数组 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() 向数组的末尾添加一个或更多元素，并返回新的长度 核心语法--运算符号 算术运算符 + - * / % ++ -- 赋值运算符 = 比较运算符