第七次网页前端培训（HTML）

HTML视频教程p24-p26

内置对象

String

charAt(idx) 返回指定位置处的字符。

indexOf(Chr) 返回指定字符串位置，从左到右。找不到返回值。

substr(m,n)返回给定字符串从m位开始，取n个字符，如果参数n省略则意味着取到字符串末尾结束。

substring(m,n) 返回给定字符串从m位开始，到n位置结束，如果参数n省略则意味着取到字符串末尾结束。

toLowerCase 将字符串中的字符全部转化为小写。

toUpperCase 将字符串中的字符全部转化为大写。

length 属性，不是方法，返回字符串的长度。

var str="hello world";
	console.log(str);
	console.log(str.substring(3));
	console.log(str.substring(3,5));
	console.log(str.toLowerCase());
	console.log(str.toUpperCase());
	console.log(Math.random());
	console.log(Math.ceil(1.2));
	console.log(Math.floor(1.2));

对象

一，对象的创建

• 1.字面量形式创建对象

var 对象名={ }

var 对象名={

键：值，

}；

var obj1={};
	console.log(obj1);
	var obj2={
		name:"zhangsan",
			age:18
		};
	console.log(obj2);

• 2.通过new Object创建

var 对象名 = new Object（）；//空对象

var obj3=new Object();
	console.log(obj3);

• 3.通过Object对象的create方法创建

var 对象名 = Object.creat(null）；//空对象

var 对象名 = Object.create(对象）；

var obj4= Object.create(null);
	console.log(obj4);
		
var obj5=Object.create(obj2)
	console.log(obj5);

二 ，对象的操作

• 获取对象的属性（如果属性不存在，则获取null）

对象名.属性名；

• 设置对象的属性（如果属性存在，则修改属性值；如果属性不存在，则添加新的属性值）

对象名.属性名=值；

三，对象的序列化和反序列化

序列化 ：将JS对象（JSON对象）转换成JSON字符串

var 变量名=JSON.stringify（对象）；

反序列化 ：将JSON字符串转换成JS对象（JSON对象）

var 对象名=JSON.parse（JSON字符串）；

四， this

调用函数，this指代谁。

1.直接调用函数，this代表的全局的Window对象。

2.调用对象中的函数，this代表了对象本身。

var o={
name:"zhangsan",
age:18,
sayhello:function(){
console.log("你好呀");
console.log(this);	}
	  }
o.sayhello();

事件

事件中的几个名词

事件源：给定什么元素/标签绑定事件

事件名：绑定什么事件

事件监听：浏览器窗口

执行函数：事件触发后需要执行什么代码

常用事件类型

onload：当页面或图像加载完毕立即触发

onblur：元素失去焦点

onfocus：元素获得焦点

onclick：鼠标点击某个对象

onchange：用户改变域的内容

onmouseover：鼠标移动到某个元素上

onmouseout：鼠标从某个元素上离开

onkeyup：某个键盘的建被松开

onkeydown：某个键盘的键被按下

事件流：

事件冒泡：事件开始时由最具体的元素接受，然后逐级向上传递到较为不准的节点（文档）

事件捕获：事件开始时由文档节点接受，然后逐级向下传播到具体的元素节点

事件处理程序（事件绑定方式）

1.HTML事件处理程序

直接在HTML元素上绑定事件

2.DOM0级事件

先获取事件源，再给事件源绑定事件

不能同时给元素绑定相同事件多次

3.DOM2级事件

addEventListener()

注意：通过id属性值获取节点对象

document.getElementById("ID属性值")