第一章 JavaScript
什么是JavaScript
JavaScript是一种描述性语言,也是一种基于对象(Object)和事件驱动(Event Driven)的,并具有安全性能的脚本语言.它与HTML(超文本标记语言)一起,在一个Web页面中链接多个对象、与Web客户实现交互.JavaScript都要下载到客户端,从而减轻了服务器端的负担
JavaScript主要用来与HTML页面中添加交互行为.
JavaScript是一种脚本语言
JavaScript一般用来编写客户端脚本
JavaScript是一种解释性语言:边执行边解释
JavaScript组成![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/8cdab1c6277d1100b152656a55b05fc0.png)
1.ECMAScript标准
ECMAScript是一种开发广泛标准的脚本语言规范,是规定了所以脚本语言的标准
主要描述了
语法
变量和数据类型
运算符
逻辑控制语句
关键字、保留字
对象
浏览器对象模型(Browser Object Model , BOM)
实现与HTML的交互
控制弹出窗口,前进后退等功能
文档对象模型(Document Object Model , Dom)
是HTML文档对象模型(HTML DOM)定义的一套标准方法
用来访问和操作HTML文档
JavaScript的基本结构
##1.JavaScript的基本结构
JavaScript的执行原理
1.发送数据(请求)
2.数据处理
3.发送响应(返回响应)
好处:
JS只需下载一次即可
JS由浏览器客户端下载,从而减轻服务器端负担
网页中引用JS的方式
内部JS文件
使用外部JS文件
直接在HTML标签中
JS核心语法
变量的申明与赋值
变量名使用var 申明
语法: var 合法的变量名;
数据类型
基本数据类型如下
undefined(未定义类型)
null(空类型)
number(数值类型)
String(字符串类型)
boolean(布尔类型)
typeof()
typeof()ECMAScript提供的一个用来判断变量类型的方法 ,返回基本数据类型
语法typeof(变量或值)
数组
同Java
创建数组
var 数组名称 = new Array(size);
表示创建一个长度为size的数组,
为数组元素赋值
var fruit= new Array(“apple”,“orange”,“peach”,“banana”);
表示在创建数组的时候就赋了值
也可以分别给数组赋值
var fruit = new Array(4);
fruit [0] = “apple”;
fruit [1] = “orange”;
fruit [2] = “peach”;
fruit [3] = “banana”;
数组也可以用方括号 [ ] 来定义
var fruit = [“apple”,“orange”.“peach”,“banana”];
数组的常用属性与方法
属性:length 设置或返回数组中元素的数目
方法:
join() 把数组所有元素放入一个字符串,通过一个分隔符进行分割
sort() 对数组排序
push() 向数组末尾添加一个或多个元素,并返回新的长度
运算符号
常用的运算符
逻辑控制语句
选择结构
if
if-else
if-else if-else
switch
注意:均与Java相同,switch结构一样,分支不写break会穿透
循环结构
for循环
while循环
do-while循环
for-in循环
注意
C#中的为foreach(变量in)
其中的index表示为数组的下标,从0开始
跳转语句
break
continue
调试
F10单步跳过
F11单步跳入
shift+F11单步跳出
函数
概念
程序的基本单元,是完成特定任务的代码语句块
特征
命名的代码块(有方法名)
实现一定的功能
可以有返回值
可以有参数
分类
系统函数
parseInt(“字符串”)将字符串类型转换为整数类型
如果转换失败,值为NaN
parseFloat()将字符串类型转换为浮点类型(带小数点)
isNaN()判断是否为数字类型
如果输入的为数字类型,返回false,反之,则为true
案例
isNaN(1)返回值为false
isNaN(NaN)返回值为true
prompt 获取用户输入
alert 警告框
自定义函数
用户自己编写的函数
语法
无参函数
语法
注意
函数名命名要规范,和变量命名规范相同
首字母小写
驼峰命名
开头必须为字母或者
或
者
,
内
容
组
成
为
字
母
或
者
或者_,内容组成为字母或者
或者,内容组成为字母或者$或者_或者数字
关键字与保留字不能用做方法名
命名时,要做到见名知意
无参方法中,小括号内没有任何参数
带参函数
语法
function 函数名(参数1,参数2,…){
JavaScript代码
}
注意
定义的参数数量要和调用时的参数数量一致
参数可以有多个,但至少保证1个
参数列表无需添加数据类型
常见的事件
onload 一个页面或一幅图像完成加载
onlick 鼠标单击某个对象
onmouseover鼠标指导移到某元素上
onkeydown 某个键盘按键被按下
onchange 域的内容被改变