JavaScript（二）：对象、注释、事件！

﹏ヽ暗。殇╰゛Y 2022-04-02 13:56 297阅读 0赞

![JavaScript（二）：对象、注释、事件！][JavaScript]

# 对象 #

JavaScript的一个重要功能就是面向对象的功能，通过基于对象的程序设计，可以用更直观、模块化和可重复使用的方式进行程序开发。

一组包含数据的属性和对属性中包含数据进行操作的方法，称为对象。比如要设定网页的背景颜色，所针对的对象就是document，所用的属性名是bgcolor，如document.bgcolor="blue"，就是表示使背景的颜色为蓝色。

# 注释 #

JavaScript 注释\[4\]不会被执行，所以我们可以添加注释来对 JavaScript 进行解释，或者提高代码的可读性。

**单行注释：**

单行注释以 // 开头，比如：

// 输出标题：

document.getElementById("myH1").innerHTML="欢迎来到我的主页";

// 输出段落：

document.getElementById("myP").innerHTML="这是我的第一个段落。";

**多行注释：**

多行注释以 /\* 开始，以 \*/ 结尾，例子：

/\*

下面的这些代码会输出

一个标题和一个段落

并将代表主页的开始

\*/

document.getElementById("myH1").innerHTML="欢迎来到我的主页";

document.getElementById("myP").innerHTML="这是我的第一个段落。";

除此之外，我们还可以通过注释功能来阻止码块的执行（可用于调试），比如：

//document.getElementById("myH1").innerHTML="欢迎来到我的主页";

document.getElementById("myP").innerHTML="这是我的第一个段落。";

# 事件 #

用户与网页交互时产生的操作，称为事件。事件可以由用户引发，也可能是页面发生改变，甚至还有你看不见的事件（如Ajax的交互进度改变）。绝大部分事件都由用户的动作所引发，如：用户按鼠标的按键，就产生click事件，若鼠标的指针在链接上移动，就产生mouseover事件等等。在JavaScript中，事件往往与事件处理程序配套使用。

而对事件的处理，W3C的方法是用addEventListener()函数，它有三个参数：事件，引发的函数，是否使用事件捕捉。为了安全性，建议将第三个参数始终设置为false

传统的方法就是定义元素的on…事件，它就是W3C的方法中的事件参数前加一个“on”。而IE的事件模型使用attachEvent和dettachEvent对事件进行绑定和删除。JavaScript中事件还分捕获和冒泡两个阶段，但是传统绑定只支持冒泡事件。

**自己整理了一份2018最全面前端学习资料,从最基础的HTML+CSS+JS \[炫酷特效，游戏，插件封装，设计模式\]到移动端HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴, 有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴欢迎加入学习。**

> **加Q Q群：956940552（招募中）**

[JavaScript]: /images/20220402/128da0b0066b4d5c8abafce1dcdddd0a.png

发表评论取消回复

表情：

评论列表（有 0 条评论，297人围观）

还没有评论，来说两句吧...

相关阅读

相关 Javascript中的事件对象

1、事件对象在DOM中发生事件时，所有相关信息都会被收集并存储在一个名为event的对象中。这个对象包含了一些基本信息，比如导致事件的元素、发生的事件类型、可能与特定事

ゝ一纸荒年。/ 2022年11月11日 13:20/ 0 赞/ 175 阅读

相关 JavaScript 事件传递参数，获取事件对象（e）

使用 uni-app 代码举个栗子 <view @click="Change($event, item)"></view> methods: {

绝地灬酷狼/ 2022年10月27日 00:30/ 0 赞/ 187 阅读

相关 JavaScript事件类型（二)

焦点事件：在HTML页面中，每个元素都会得到焦点和失去焦点，我们的焦点事件就会在这个时候触发，利用这些事件与document.hasFoucs()方法及document

不念不忘少年蓝@/ 2022年07月21日 05:44/ 0 赞/ 176 阅读

相关 javascript event（事件对象）详解

1. 事件对象 1. 事件对象 > Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。什么时候

喜欢ヅ旅行/ 2022年07月16日 05:53/ 0 赞/ 228 阅读

相关 JavaScript基础系列11---事件对象

一、事件对象event 在触发 DOM 上的某个事件时，会产生一个事件对象 event ，这个对象中包含着所有与事件有关的信息。包括导致事件的元素、事件的类型以

川长思鸟来/ 2022年07月14日 15:09/ 0 赞/ 189 阅读

相关 JavaScript跨浏览器事件处理程序、事件对象

var EventUtil = { addHandler:function(element,type,handler){ if(

电玩女神/ 2022年05月29日 14:07/ 0 赞/ 235 阅读

相关 JavaScript事件对象与事件委托

事件对象 event || window.event 用于IE 事件源对象: event.target 火狐独有的 event.srcElement Ie独有的

╰半橙微兮°/ 2022年05月19日 01:36/ 0 赞/ 296 阅读

相关 Javascript（十二）javascript 事件详解

一、事件定义 1. 关于事件实际上我们已经初步接触过了，指的就是用户与浏览器交互的一瞬间。 2. 我们通过为指定事件绑定回调函数的形式来处理事件，当指定事件触发以后

ゝ一纸荒年。/ 2022年05月17日 05:50/ 0 赞/ 252 阅读

相关 JavaScript（二）：对象、注释、事件！

![JavaScript（二）：对象、注释、事件！][JavaScript] 对象 JavaScript的一个重要功能就是面向对象的功能，通过基于对象的程序

﹏ヽ暗。殇╰゛Y/ 2022年04月02日 13:56/ 0 赞/ 298 阅读

相关 JavaScript 对象（二）

一：对象的增、删、改、查 1、增：所谓增添一个对象的属性，就是直接对该属性进行赋值操作即可，这就相当于为该对象添加了一个新属性，而打印未添加的属性，浏览器不会报错，而是

Myth丶恋晨/ 2021年09月14日 10:36/ 0 赞/ 330 阅读