宁波中软实习记录009

2019 09 24

对象的使用

• 遍历对象的属性

通过for…in语法可以遍历一个对象

for (var key in obj) {
	console.log(key + “==” + obj[key]);
} 

内置对象

1. Math
   Math.PI、Math.random()、Math.floor()/Math.ceil()、Math.round()、Math.abs() 、Math.max()
2. Date
   Date 对象基于1970年1月1日（世界标准时间）起的毫秒数。
3. Array 数组
4. String
   字符串所有的方法，都不会修改字符串本身(字符串是不可变的)，操作完成会返回一个新的字符串
5. 基本包装类型
   String/Number/Boolean

DOM（文档树模型 ）

DOM经常进行的操作

• 获取元素
• 对元素进行操作(设置其属性或调用其方法)
• 动态创建元素
• 事件(什么时机做相应的操作)

获取页面元素

1. id : document.getElementById()
2. name :document.getElementsByName()
3. 标签名 :document.getElementsByTagName()
4. 类名:document.getElementsByClassName()
5. 选择器 ：document.querySelector()

事件 --触发，响应机制

1. 事件三要素

• 事件源:触发(被)事件的元素
• 事件名称: click 点击事件
• 事件处理程序(回调函数):事件触发后要执行的代码(函数形式)

属性操作

1. 非表单元素的属性
   href、title、id、src、className

var link = document.getElementById("link");
console.log(link.href);

2. 表单元素的属性
   value type disabled checked selected

3. 自定义属性操作
   getAttribute() 获取
   setAttribute()设置
   removeAttribute()移除

创建元素的三种方式

1. document.write()
2. innerHTML
3. document.createElement()