第七次网页前端培训笔记 [P24-p26]

JavaScript

基础语法

1. 内置对象

var str="Hello World";
console.log(str);

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

console.log(str.substring(3));
console.log(str.substring(3,5));

toLowerCase() 将字符串中的字符全部转化成小写

console.log(str.toLowerCase());

toUpperCase()  将字符串中的字符全部转化成大写

console.log(str.toUpperCase());

Math.random()  随机数

console.log(Math.random());

Math.ceil()  向上取整，大于最大整数

console.log(Math.ceil(1,2));

Math.floor()  向小取整，小于最小整数String

console.log(Math.floor(1,2));

得到日期对象

var date=new Date();
console.log(date);

getFullYear()  年

console.log(date.getFullYear());

getMonth()  月

console.log(date.getMonth()+1);

getDate()  日

console.log(date.getDate());

getHours  时

 console.log(date.getHours());

getMinutes  分

 console.log(date.getMinutes());

getSeconds()  秒

console.log(date.getSeconds());

时间本地化

console.log(date.toLocaleDateString());

2. 对象

2.1 对象的创建

（1）字面量形式创建对象

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

（2）通过new object()创建

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

（3）通过Object对象的creat方法创建

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

2.2 对象的操作

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

对象名.属性名

console.log(obj2.name);

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

对象名.属性名=值；

obj2.age=20;
consolle.log(obj2);
obj2.upwd="123456";
console.log(obj2);

2.3 对象的序列化和反序列化

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

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

//JSON对象
var obj={
		name:"zhangsan";
		pwd:"123456";
		age:18
};
obj.name="lisi";
console.log(obj);
//将JSON对象转换成JSON字符串
var objToStr=JSON.stringify(obj);
console.log(objToStr);
console.log("==========");
//JSON字符串
var jsonStr='{name:"zhangsan","pwd":"123456","age":18}';
jsonStr="lisi";
console.log(jsonStr);

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

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

var strToObj=JSON.parse(jsonStr);
console.log(strToObj);

2.4 this

谁调用函数，this指代谁

（1）直接调用函数，this代表的全局的widow对象

function test() {
	console.log("这是一个测试方法...");
	console.log(this);
}
test();

（2）调用对象中的函数，this代表的是对象本身

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

JS事件

1. 事件中的几个名词

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

事件名：绑定什么事件

事件监听：浏览器窗口

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

2.常用的事件类型

onload :当页面或图像加载完后立即触发

onblur ：元素失去焦点

onfocus ：元素获得焦点

onclick ：鼠标点击某个对象

onchange ：用户改变域的内容

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

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

onkeyup :某个键盘的键被松开

onkeydown :某个键盘的键被按下