JavaScript基础

• JS的好处：
• 表单验证－减轻服务器端压力
• 页面动态效果
• JS的定义：
• JavaScript是一种基于对象和事件驱动的、并具有安
• 全性能的脚本语言
• 特点
• 向HTML页面中添加交互行为
• 脚本语言，语法和Java类似JavaScript
• 解释性语言，边执行边解释
• JS的组成
• ECMAScript DOM BOM
• 应用：
• …可以包含在文档中的任何地方，只要保证
• 这些代码在被使用前已读取并加载到内存即可
• 原理：

• 

• 网页引入JS的三种样式：
• 使用<script>样式
• 外部JS文件
• <script src="export.js" type="text/javascript"></script>
• 直接在HTML标签中
• JS的核心语法
• 变量
• 数据类型
• 数组
• 运算符号
• 控制语句
• 注释
• 输入/输出语句
• 语法约定
• 变量：
• 先声明变量再赋值
• var width;var － 用于声明变量的关键字
• width = 5;width － 变量名
• 同时声明和赋值变量
• var catName= "皮皮";
• var x, y, z = 10;
• 数据类型：
• undefined 变量width没有初始值，将被赋予值undefined
• null 表示一个空值，与undefined值相等
• numbervar iNum=23; //整数23.0; //浮点数
• booleanvar iNum=true false
• string 开头s小写 一组被引号（单引号或双引号）括起来的文本 var string1="This is a string";
• 对象
• 数组
• 运算符号：
• typeof检测变量的返回值
• undefined：变量被声明后，但未被赋值
• string：用单引号或双引号来声明的字符串
• boolean：true或false
• number：整数或浮点数
• object：javascript中的对象、数组和null
• String对象
• 属性：
• 字符串对象.length
• 方法
• 字符串对象.方法名（）

• 

• 数据
• 创建
• var 数组名称 = new Array（size）
• 访问数组
• 数组下标
• 数组名【下标】 = 赋值
• 数组常用的属性
• length
• 方法：
• join（） 把数组的所有元素放入一个字符串，通过一个的分隔符进行分隔
  • sort（）对数组排序
  • push（） 向数组末尾添加一个或更多 元素，并返回新的长度
• 运算符
• 算术运算符 + - * / % ++ —
• 赋值运算符= += -=
• 比较运算符> < >= <= == != === !==
• 逻辑运算符&& || !
• “===”是严格等于运算符，它不仅比较两个值的值是否相等，还比较它们的类型是否相等
• 控制语句
• 条件
• if（条件）{
• JS代码
• }
• 循环中断 break
• 结束本次循环 执行下一次循环 continue
• 注释：
• 单行注释 //
• 多行注释 /* /* 快捷键 shift+alt +a
• 常见输入输出语句
  • alert（）警告框 提示语句
  • 相当于java中的scannner
  • prompt()
  • prompt("提示信息", "输入框的默认信息");
  • prompt("请输入你喜欢的颜色","红色");
  • prompt("请输入你喜欢的颜色","");
• 确认和取消框
• comfirm
• 语法约定：
• 代码区分大小写
• 变量 对象和函数名称 驼峰命名法
• 分号结尾
  
   
• 程序调试 debug
• Chrome开发人员工具
• 停止断点调试
• 单步调试，不进入函数体内部
• 单步调试，进入函数体内部
• 跳出当前函数
• 禁用所有的断点，不做任何调试
• JS中的函数分为 系统函数和自定义函数
• 常用的系统函数3种
• parseInt（"字符串"）
• 将字符串转换为整型数字
• 如: parseInt ("86")将字符串“86“转换为整型值86
• parseFloat（“字符串”）
• 将字符串转换为浮点型数字
• 如: parseFloat("34.45")将字符串“34.45“转换为浮点值34.45
• isNaN（）
• 用于检查其参数是否是非数字
• flase的话就是数字
• 自定义函数有4种
• 无参无返回值
• 无参有返回值
• 有参无返回值
• 有参有返回值
• 变量的作用域
• 变量分为 全局变量 局部变量
• 全局变量可以在整个JS代码语句中都可以执行
• 局部变量 只能在该变量所在的方法中使用
• 事件：
• onload一个页面或一幅图像完成加载
• onlick鼠标单击某个对象
• onmouseover鼠标指导移到某元素上
• onkeydown某个键盘按键被按下
• onchange域的内容被改变