07-JavaScript基础三和事件-CFANZ编程社区

1.内置对象

1.内置对象

Arguments	只在函数内部定义，保存了函数的实参。
Array	数组对象。
Date	日期对象，用来创建和获取日期。
Math	数学对象。
String	字符串对象，提供对字符串的一系列操作。

（1）String

charAt(idx)	返回指定位置处的字符
index0f(Chr)	返回指定子字符串的位置，从左到右。找不到返回-1。
substr(m, n)	返回给定字符串中从m位置开始，取n个字符，如果参数n省略，则意味着取到字符串末尾。
substring(m, n)	返回给定字符串中从m位置开始，到n位置结束，如果参数n省略，则意味着取到字符串末尾。
toLowerCase()	将字符串中的字符全部转化成小写。
toUpperCase()	将字符串中的字符全部转化成大写。
length	属性，不是方法，返回字符串的长度。

（2）Math

Math. random( )	随机数。
Math. ceil( )	向上取整，大于最大整数。
Math. floor( )	向小取整，小于最小整数String。

（3）Date

日期	获取日期	设置日期
年	getFullYear()	setYear()
月	getMonth()	setMonth()
日	getDate()	setDate()
时	getHours()	getHours()
分	getMinutes()	getMinutes()
秒	getSeconds()	getSeconds(
toLoacaleString()：转换成本地时间字符串

说明：

        getMonth)：得到的值为0~11（1月~12月）。
        setMonth()：设置值时0~11。
        toLocaleString()：可根据本地时间把Date对象转换为字符串，并返回结果。

2.对象

        对象（object）是JavaScript的核心概念，也是最重要的数据类型。JavaScript的所有数据都可以被视为对象。
        JavaScript提供多个内建对象，比如String、Date、Array等等。对象是带有属性和方法的特殊数据类型。
        简单说，所谓对象就是一种无序的数据集合，由若干个“键值对”（key-value）构成。通过JavaScript我们可以创建自己的对象。JavaScript对象满足的这种“键值对”的格式我们称为JSON格式，以后会见得非常多，即伟大的JSON对象。

{
    键1: 值1,
    键2: 值2,
    ···
}

（1）对象的创建

JS创建自定义对象，主要通过三种方式：字面量形式创建对象、通过new Object对象创建、通过Object对象的create方法创建对象。

字面量形式创建对象：

var 对象名 = {};  // 创建一个空的对象
var 对象名 = {
    键: 值,
    键2: 值2,
    ....
}

（2）对象的操作

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

对象名.属性名;

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

对象名.属性名 = 值;

（3）对象的序列化和反序列化

序列化即将JS对象序列化为字符串：

// 序列化对象，将对象转为字符串
JSON.stringify(object);

反序列化即将字符串反序列化为JS对象：

// 反序列化，将一个JSON字符串转换为对象
JSON.parse(jsonStr);

JS中通过调用JSON方法，可以将对象序列化成字符串，也可以将字符串反序列化成对象。

（4）this

this是JavaScript语言的-一个关键字，代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。
随着函数使用场合的不同，this的值也会发生变化，但有一个总的原则，那就是this指的是调用函数的那个对象。

在函数中使用this：

在函数中使用this属于全局性调用，代表全局对象，通过window对象来访问。

在对象中使用this：

在对象中的函数使用this，代表当前的上级对象。

3.事件

事件（Event）是JavaScript应用跳动的心脏，进行交互，使网页动起来。当我们与浏览器中Web页面进行某些类型的交互时，事件就发生了。

事件可能是用户在某些内容上的点击、鼠标经过某个特定元素或按下键盘上的某些按键。事件还可能是Web浏览器中发生的事情,比如说某个Web页面加载完成，或者是用户滚动窗口或改变窗口大小。

通过使用JavaScript，你可以监听特定事件的发生，并规定让某些事件发生以对这些事件做出响应。

作用：

验证用户输入的数据、增加页面的动感效果、增强用户的体验度

        事件源：谁触发的事件？
        事件名：触发了什么事件？
        事件监听：谁管这个事情，谁监视?
        事件处理：发生了怎么办？

当我们用户在页面中进行的点击动作，鼠标移动的动作，网页页面加载完成的动作等，都可以称之为事件名称，即：click、mousemove、load等都是事件名称，具体的执行代码处理，响应某个事件的函数。

（1）事件类型

        Window事件属性：针对Window对象触发的事件（应用到<body>标签）；
        Form事件：由HTML表单内的动作触发的事件（应用到几乎所有HTML元素，但最常用在form元素中）；
        Keyboard事件：键盘事件；
        Mouse事件：由鼠标或类似用户动作触发的事件。
        Media事件：由媒介（比如视频、图像和音频）触发的事件（适用于所有HTML元素，但常见于媒介元素中，比如<audio> 、<embed>、<img>、<object>以及<video>）。

几个常用的事件：

onload	当页面或图像加载完后立即触发
onblur	元素失去焦点
onfocus	元素获得焦点
onclick	鼠标点击某个对象
onchange	用户改变域的内容
onmouseover	鼠标移动到某个元素上
onmouseout	鼠标从某个元素上离开
onkeyup	某个键盘的键被松开
onkeydown	某个键盘的键被按下