目录
什么是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 | 域的内容被改变 |