js学习对象与事件

Posted 2021-11-26 dongtian-blogs

javascript 对象

1、JavaScript 对象：拥有属性和方法的数据。

2、在 JavaScript中，几乎所有的事物都是对象。

3、定义一个person对象

var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,
    eyeColor:"blue"
};

通过两种方式访问对象属性：person.lastName;  或者是   person["lastName"];

4、对象方法

　（1）对象的方法定义了一个函数，并作为对象的属性存储。

   （2）对象方法通过添加 () 调用 (作为一个函数)。

　　　 例如 ： name = person.fullName();

JavaScript 事件

html 事件是发生在 HTML 元素上的事情。

当在 HTML 页面中使用 JavaScript 时， JavaScript 可以触发这些事件。

---

HTML 事件

1、HTML 事件可以是浏览器行为，也可以是用户行为。

2、以下是 HTML 事件的实例：

• HTML 页面完成加载
• HTML input 字段改变时
• HTML 按钮被点击

在事件触发时 JavaScript 可以执行一些代码。

HTML 元素中可以添加事件属性，使用 JavaScript 代码来添加 HTML 元素。

<button onclick="displayDate()">现在的时间是?</button>

生成一个名字为“现在的时间是？”的按钮，当点击按钮时执行displayDate()函数