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 | 域的内容被改变 |