1: js 中函数和对象:
js 中函数对象:
创建函数和对象: 创建对象的三种方式:
2: BOM: 对象
3:DOM: 对象
js 函数对象:
函数的对象和作用:
1.1: 函数作用和定义:
1.2: 函数的返回值 return
1.3: 函数的参数
1.4: 对象的定义
1.5: 对象的创建
1.6:分清楚函数和对象的区别
函数定义: 简单梳理一下函数和对象:
函数: 定义: 封装了一段可以重复执行的代码块, 通过此代码可以实现大量代码重复使用。 作用: 大量函数可以重复使用。
对象: 定义: 对象可以是属性也可以是方法。 作用: 保存一个值时, 可以使用变量, 保存多个值时, 可以使用数组。
创建对象的三种方式:
1.1: 创建对象的三种方式: 使用字面量创建
let obj = {
name: "Z8",
age: 20,
sex: "男",
sayHi: function() {
console.log('hi~');
}
}
1.2: 使用NewObject 创建对象
var obj = new Object(); // 类似创建一个数组, 创建一个空的对象
obj.name = "杨幂";
obj.age = 18;
obj.sex = "女";
obj.sayHi = function() {
console.log("Hi~");
}
obj.eat = function() {
console.log("chifanfan");
}
注意区分: 字面量创建对象的语法;
我们可以使用 = 可以采取等号赋值的方法 添加对象的属性和方法
每一个属性和方法之间使用; 分好进行结束;
1.3: 构造函数创建对象:
构造函数 明星 泛指的某一大类
function Start(uname, age, sex) {
this.uname = name;
this.age = age;
this.sex = sex;
this.sing = function(sang) {
console.log(sang);
}
}
对象是指具体的某一事物,
1.4: BOM: 对象
window: 对象常用的属性。
BOM: 对象属性的语法格式
window: 对象的常用方法
history: 对象和location 对象常用方法
BOM: 的定义: BOM 比DOM 范围更大。 它包含DOM, BOM 把浏览器当做一个对象来看待, BOM 的顶级对象是window, BOM 学习的浏览器窗口交互的一些对象。
1.5: BOM 对象中主要有: location 对象和history对象, 还有navigator 对象:
DOM: 对象 在该对象身上需要学习到的东西:
DOM 的定义:
DOM 中的各类节点:
DOM 中查询方法:
事件的使用
DOM 的定义: 文本对象模型, 通过DOM接口可以改变网页内容, 结构和样式。 所以又称"DOM" 树。
DOM 中基本操作步骤: 就是
1: 获取元素
2: 创建事件
3: 操作事件 (属性, 样式, 自定义属性);
4: 节点操作 (创建, 添加, 删除, 赋值节点);