目录
什么是JavaScript？
网页中引用 JavaScript 的方式
JavaScript 核心语法
变量
数据类型
运算符
string对象
数组
运算符号
控制语句
注释
输入/输出
语法约定
什么是函数？
常见的系统函数
自定义函数
变量的作用域
事件
什么是JavaScript？
- JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言
- 特点
- 向HTML页面中添加交互行为
- 脚本语言，语法和 Java类似
- 解释性语言，边执行边解释
- 组成
基本结构：
<script type="text/javascript">
<!—
JavaScript 语句;
—>
</script >
执行原理：
网页中引用 JavaScript 的方式
- 使用<script>标签
- 外部JS 文件
<script src="export.js" type="text/javascript"></script>
- 直接在HTML标签中
<input name="btn" type="button" value="弹出消息框" οnclick="javascript:alert('欢迎你');"/>
JavaScript 核心语法
变量
var － 用于声明变量的关键字
- 先声明变量再赋值
var width；
width = 5；
- 同时声明和赋值变量
var catName= "皮皮";
var x, y, z = 10;
- 不声明直接赋值
width=5;
数据类型
undefined、null、number、boolean、string
运算符
- typeof 运算符
- typeof 检测变量的返回值
- typeof 运算符返回值如下
- undefined：变量被声明后，但未被赋值
- string：用单引号或双引号来声明的字符串
- boolean：true或false
- number：整数或浮点数
- object：javascript中的对象、数组和null
string对象
- 属性
- 字符串对象.length
- 方法
- 字符串对象.方法名();
数组
- 创建数组
var 数组名称 = new Array(size);
- 为数据元素赋值
var fruit= new Array("apple", "orange", " peach","banana");
- 访问数组
数组名[下标]
常用属性和方法：
| 类别 | 名称 | 描述 |
| 属性 | length | 设置或返回数组中元素的数目 |
| 方法 | join( ) | 把数组的所有元素放入一个字符串，通过一个的分隔符进行分隔 |
| sort() | 对数组排序 | |
| push() | 向数组末尾添加一个或更多 元素，并返回新的长度 |
运算符号
| 类型 | 运算符 |
| 算术运算符 | + - * / % ++ — |
| 赋值运算符 | = += -= |
| 比较运算符 | > < >= <= == != === !== |
| 逻辑运算符 | && || ! |
控制语句
- if条件语句
- switch多分支语句
- for、while循环语句
- for-in
循环中断
break、continue
注释
单行//
多行/*......*/
输入/输出
- alert()
alert("提示信息")；
- prompt()
prompt("提示信息", "输入框的默认信息");
prompt("请输入你喜欢的颜色","红色");
prompt("请输入你喜欢的颜色","");
语法约定
- 代码区分大小写
- 变量、对象和函数的名称
- 分号
什么是函数？
- 函数的含义：类似于Java中的方法，是完成特定任务的代码语句块
- 使用更简单：不用定义属于某个类，直接使用
- 函数分类：系统函数和自定义函数
------------------------------------------------------------------------
常见的系统函数
- parselnt（"字符串"）
- 将字符串转换为整型数字
- 如: parseInt ("86")将字符串“86“转换为整型值86
- parseFloat（"字符串"）
- 将字符串转换为浮点型数字
- isNaN()
- 用于检查其参数是否是非数字
------------------------------------------------------------------------
自定义函数
- 调用函数
- 函数调用一般和表单元素的事件一起使用，调用格式
事件名=“函数名（）”；
- 函数调用一般和表单元素的事件一起使用，调用格式
- 调用无参函数
变量的作用域
- 全局变量
- 局部变量
事件
| 名称 | 说明 |
| onload | 一个页面或一幅图像完成加载 |
| onlick | 鼠标单击某个对象 |
| onmouseover | 鼠标指导移到某元素上 |
| onkeydown | 某个键盘按键被按下 |
| onchange | 域的内容被改变 |
