JavaScript 高级知识-优快云博客

本文链接：https://blog.youkuaiyun.com/cqupt_zl/article/details/51785578

本文介绍如何使用JavaScript操作HTML文档对象模型（DOM），包括查找和修改HTML元素的方法，并探讨了事件处理机制，如事件冒泡与捕获。此外还介绍了JavaScript对象的概念及创建方式，以及for...in循环和RegExp对象的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通过HTML DOM，可访问JavaScript HTML 文档的所有元素。

当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）

通过JavaScript，操作HTML元素，首先必须找到该元素，三种方法（1）通过id找到HTML元素（2）通过标签名找到HTML元素（3）通过类名找到HTML元素

事件传递定义了元素事件触发的顺序。在冒泡中，内部元素的事件会先被触发，然后再触发外部元素；在捕获中，外部元素的事件会先被触发

对象只是一种特殊的数据。对象拥有属性和方法。

属性是与对象相关的值，方法是能够在对象上执行的动作。

创建新对象有两种不同的方法：定义并创建对象的实例；使用函数来定义对象，然后创建新的对象实例

function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}

在JavaScript中，this通常指向的是我们正在执行的函数本身，或者是指向该函数所属的对象

JavaScript中的for....in循环遍历对象的属性，将针对每个属性执行一次。

JavaScript RegExp对象

RegExp：是正则表达式（regular expression）的简写