1.对象(Object)
对象是JS中的引用数据类型
对象是一种复合数据类型,在对象中可以保存多个不同数据类型的属性
使用typeof检查一个对象时,会返回object
- 创建对象 - 方式一:
var obj = new Object();
- 方式二:
var obj = {};
向对象中添加属性
语法:
对象.属性名 = 属性值;
对象[“属性名”] = 属性值;- 对象的属性名没有任何要求,不需要遵守标识符的规范,
但是在开发中,尽量按照标识符的要求去写。 - 属性值也可以任意的数据类型。
- 对象的属性名没有任何要求,不需要遵守标识符的规范,
读取对象中的属性
- 语法:
对象.属性名
对象[“属性名”] - 如果读取一个对象中没有的属性,它不会报错,而是返回一个undefined
- 语法:
删除对象中的属性
- 语法:
delete 对象.属性名
delete 对象[“属性名”]
- 语法:
使用in检查对象中是否含有指定属性
- 语法:”属性名” in 对象
- 如果在对象中含有该属性,则返回true
如果没有则返回false
- 如果在对象中含有该属性,则返回true
- 语法:”属性名” in 对象
使用对象字面量,在创建对象时直接向对象中添加属性
语法:var obj = { 属性名:属性值, 属性名:属性值, 属性名:属性值, 属性名:属性值 }
基本数据类型和引用数据类型
- 基本数据类型
String Number Boolean Null Undefined - 引用数据类型
Object - 基本数据类型的数据,变量是直接保存的它的值。
变量与变量之间是互相独立的,修改一个变量不会影响其他的变量。 - 引用数据类型的数据,变量是保存的对象的引用(内存地址)。
如果多个变量指向的是同一个对象,此时修改一个变量的属性,会影响其他的变量。 - 比较两个变量时,对于基本数据类型,比较的就是值,
对于引用数据类型比较的是地址,地址相同才相同
- 基本数据类型
2.函数(Function)
函数也是一个对象,也具有普通对象的功能
函数中可以封装一些代码,在需要的时候可以去调用函数来执行这些代码
使用typeof检查一个函数时会返回function
创建函数
函数声明
function 函数名([形参1,形参2…形参N]){语句...
}
函数表达式
var 函数名 = function([形参1,形参2…形参N]){语句...
};
调用函数
- 语法:函数对象([实参1,实参2…实参N]);
fun() sum() alert() Number() parseInt() - 当我们调用函数时,函数中封装的代码会按照编写的顺序执行
- 语法:函数对象([实参1,实参2…实参N]);
形参和实参
形参:形式参数
- 定义函数时,可以在()中定义一个或多个形参,形参之间使用,隔开
定义形参就相当于在函数内声明了对应的变量但是并不赋值,
形参会在调用时才赋值。
- 定义函数时,可以在()中定义一个或多个形参,形参之间使用,隔开
实参:实际参数
- 调用函数时,可以在()传递实参,传递的实参会赋值给对应的形参,
调用函数时JS解析器不会检查实参的类型和个数,可以传递任意数据类型的值。
如果实参的数量大于形参,多余实参将不会赋值,
如果实参的数量小于形参,则没有对应实参的形参将会赋值undefined
- 调用函数时,可以在()传递实参,传递的实参会赋值给对应的形参,
3.表格
- 在网页中可以通过表格来表示一些格式化的数据
- 表格相关的标签
<table>
用来创建一个表格<tr>
表示表格中的一行<th>
表示表头中的单元格<td>
表示表格中的单元格- 属性:
colspan 横向的合并单元格
rowspan 纵向的合并单元格
例子:1
2
3
4
5
6
7
8
9
10<table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
- 属性:
- 长表格
<thead>
表格的头部
<tbody>
表格的主体
注意:如果表格中没有写thead tbody tfoot,浏览器会自动向table中添加一个tbody并且将所有的tr都放到tbody中,tr是tbody的子元素,不是table的子元素
<tfoot>
表格的底部
4.表单
- 表单可以将用户的信息提交到服务器中
<form>
- 用来创建一个表单
- 属性:
action:需要一个服务器地址,提交表单时表单中的内容将会被提交到该地址
- 表单项
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23- <input />
- 它可以根据不同的type属性值,生成不同的表单项
- type="text" 文本框 <input type="text" name="" />
- type="password" 密码框 <input type="password" name="" />
- type="radio" 单选按钮 <input type="radio" name="" value="" checked="checked" />
- type="checkbox" 多选框 <input type="checkbox" name="" value="" checked="checked" />
- type="submit" 提交按钮 <input type="submit" value="按钮上的文字" />
- type="reset" 重置按钮 <input type="reset" value="按钮上的文字" />
- type="button" 普通按钮 <input type="button" value="按钮上的文字" />
- <select>
- 下拉列表
- <select name="">
<option value="" selected="selected"></option>
<option value=""> </option>
<option value=""></option>
</select>
- <button>
- 按钮功能input那几个按钮一样,但是它们要灵活一些
<button type="submit">按钮的文字</button>
<button type="reset">按钮的文字</button>
<button type="button">按钮的文字</button>
JavaScript
JavaScript负责页面中的的行为。
它是一门运行在浏览器端的脚本语言。
JS的编写的位置
1.可以编写到标签的指定属性中
<button onclick="alert('hello');">我是按钮</button> <a href="javascript:alert('aaa');">超链接</a>
2.可以编写到script标签中
1
2
3<script type="text/javascript">
//编写js代码
</script>3.可以将代码编写到外部的js文件中,然后通过标签将其引入
<script type="text/javascript" src="文件路径"></script>
输出语句
alert(“要输出的内容”);
- 该语句会在浏览器窗口中弹出一个警告框
document.write(“要输出的内容”);
- 该内容将会被写到body标签中,并在页面中显示
console.log(“要输出的内容”);
- 该内容会被写到开发者工具的控制台中
基本的语法
注释
- 单行注释
//注释内容 - 多行注释
/*
*/注释内容
- 单行注释
JS严格区分大小写
JS中每条语句以分号(;)结尾
JS中会自动忽略多个空格和换行,所以我们可以利用空格和换行对代码进行格式化。
字面量和变量
字面量
- 字面量实际上就是一些固定的值,比如 1 2 3 4 true false null NaN “hello”
字面量都是不可以改变的。 - 由于字面量不是很方便使用,所以在JS中很少直接使用字面量
- 字面量实际上就是一些固定的值,比如 1 2 3 4 true false null NaN “hello”
变量
变量可以用来保存字面量,并且可以保存任意的字面量
一般都是通过变量来使用字面量,而不直接使用字面量,而且也可以通过变量来对字面量进行一个描述
声明变量
- 使用var关键字来声明一个变量
var a;
var b;
var c;
- 使用var关键字来声明一个变量
为变量赋值
a = 1;
b = 2;
c = 3;声明和赋值同时进行 *****
var d = 456;
var e = 789;
标识符
- 在JS中所有的可以自主命名的内容,都可以认为是一个标识符,
是标识符就应该遵守标识符的规范。 - 比如:变量名、函数名、属性名
- 规范:
1.标识符中可以含有字母、数字、_、$
2.标识符不能以数字开头
3.标识符不能是JS中的关键字和保留字
4.标识符一般采用驼峰命名法xxxYyyZzz
- 在JS中所有的可以自主命名的内容,都可以认为是一个标识符,