一、JavaScript的基本概念
概念:一门客户端脚本语言
1、运行在客户端浏览器中,每一个浏览器都有JavaScript的解析引擎
2、脚本语言:不需要编译,直接就可以被浏览器解析执行了
3、可以用来增户和html页面的交互过程,可以来控制html元素,让页面有一些动态的效果,增强用户体验。
二、JavaScript的组成(三个)
1、ECMAScript:客户端脚本语言的标准
2、BOM:浏览器对象模型
3、DOM:文档对象模型
三、JavaScript的引入方式
1、通过<script>标签嵌入
2、引用外部JS文件
1. 创建JS文件,编写JS脚本,注意在JS中,不要带关键标签
2. HTML引入JS文件
<script type="text/javascript" src="js/hello.js" ></script>
适用于HTML文件内语句较多,分离HTML功能和JS功能
3、在HTML属性中直接引入
<input type="button" value="弹出消息框" οnclick="alert('hello world!')"/>
四、基本语法
声明变量:
- 单行注释://注释内容
- 多行注释:
/*
注释内容
*/ - JS的标识符规则和JAVA相同
1、 名称只能由字母、数字、下划线、$符号组成
2 、不能以数字开头
3、 名称不能使用JAVA中的关键字
五、数据类型
原始数据类型(基本数据类型):
+ number:数字;整数/小数/NaN(not a number 一个不是数字的数字类型)
+ string:字符串;字符串"abc""a"'abc‘(单引号和双引号都可以)
+ blooean:true和false
+ null:一个对象为空的占位符
+ undefined:未定义;如果一个变量没有给初始化值,则会被默认赋值为undefined
六、运算符与表达式
- JS一元运算
+ - * / %
逻辑与 &&
逻辑或 ||
if 语法结构:
例如:if(条件语句){
执行语句;
}
if ...else语句
if...else if语句
switch语句
循环 while 先做条件判断,再执行
do…while 先执行一次,在做条件判断
break 跳出当前循环
continue 跳过本次循环,继续下一个循环
七、函数
JS的函数 function
fuunction 函数名称(参数1,参数2,....){
}
八、对象
对象的创建1
var a = 5 “aaa”;
对象的创建2
依靠内置对象Object来初始化对象
对象的创建3
1. 创建一个对象模板(类)
2. 根据模板构造一个对象
访问对象的属性或方法
对象.属性值
对象.方法()
九、数组
声明一个变量,使用固定数值下标来存储一系列数值。
一个存储单位或存储元素,对应下标
数组创建1 推荐
数组创建2
数组创建3 推荐
十、BOM
BOM(Browser Object Model) 浏览器对象模型
BOM是JS的核心组件,浏览器是JS代码执行的运行载体,提供了大量可用于操作浏览器窗口以及网页内容的对象和方法。
其中window对象又是BOM中所有对象的核心,起始于window. 对象的API方法,可以对浏览器的窗口做各种操作和控制。
十一、DOM
DOM(Document Object Model) 文本对象模型
DOM是针对HTML,XML文档的一个API,提供了大量可用于操作文本内容的对象和方法。
定义了JS操作HTML文档的接口,提供了访问HTML文档(如body,form,div,textarea)的途径和操作方法。