javascript中常用属性和方法的笔记

你的名字 2022-12-07 01:18 202阅读 0赞

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDYzODE2Nw_size_16_color_FFFFFF_t_70_pic_center]

> 下面写了一些经常用的

## e.target ##

//e.target是指向我们点击的对象,那个触发了事件,点那个li你们a.target就指向li
            //this是指向绑定的对象,绑定了ul那么this指向ul
            var ul=document.querySelector("ul");
            ul.addEventListener("click",function(e){ 
                console.log(e.target);
                console.log(this);
            })

## e.peventDefault ##

var a =document.querySelector("a");
            a.addEventListener("click",function(e){ 
                e.preventDefault();//阻止了跳转;
            })

## e.stopProgagation ##

var son = document.querySelector('.son');
            son.addEventListener('click', function(e) { 
                alert('son');
                //阻止冒泡e.stopPropagation()阻止冒泡, 不会执行father和documen的
                //点击事件
                e.stopPropagation();
            }, false);
            var father = document.querySelector('.father');
            father.addEventListener('click', function() { 
                alert('father');
            }, false);
            document.addEventListener('click', function() { 
                alert('document');
            })

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDYzODE2Nw_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/e302e97077764307af5881705763e7dc.png

发表评论取消回复

表情：

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

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

相关阅读

相关 JavaScript 判断对象中是否有某属性的常用方法

断对象中是否有某属性的常见方式总结，不同的场景要使用不同的方式。 **一、点( . )或者方括号( \[ \] )** 　　通过点或者方括号可以获取对象的属性值，如果...

水深无声/ 2024年04月19日 13:19/ 0 赞/ 77 阅读

相关 javascript中常用属性和方法的笔记

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

你的名字/ 2022年12月07日 01:18/ 0 赞/ 203 阅读

相关 JavaScript数组(Array)常用属性方法

这里写目录标题数组二维数组常见算法数组程序 = 数据 + 算法前面的if, if-else, switch,循环解决的是

太过爱你忘了你带给我的痛/ 2022年11月25日 10:30/ 0 赞/ 322 阅读

相关学习笔记——JS中字符串的常用方法和属性

-------------------- > String是javascript中的一个重要的复杂数据类型。我们在学习的过程中会经常用到，这里我总结了学习过程中常用的一些方法

心已赠人/ 2022年11月21日 06:52/ 0 赞/ 230 阅读

相关 32-JavaScript-DOM-BOM简介-node常用方法和属性-window对象常用方法

\- BOM 介绍 \- dom 对象 \- dom对象简介 \- 常用dom对象层次图 \- dom对象详解 \- window \- event

待我称王封你为后i/ 2022年09月18日 11:49/ 0 赞/ 247 阅读

相关【Javascript】Prototype属性解释及常用方法

函数：原型每一个构造函数都有一个属性叫做原型(prototype,下面都不再翻译，使用其原文)。这个属性非常有用：为一个特定类声明通用的变量或者函数。 pro

骑猪看日落/ 2022年07月12日 06:43/ 0 赞/ 195 阅读

相关 Javascript（九）javascript常用对象及其属性和方法

一、数字对象 Number 对象表示数值日期，整数或浮点数。一般情况下，你不需要担心 Number 对象，因为浏览器自动将数字文本转换为数字类的实例。 1、创建一个

淩亂°似流年/ 2022年05月17日 04:14/ 0 赞/ 249 阅读

相关 JavaScript-节点常用属性

节点是构成DOM树的基本单元，HTML源码中的任何内容最终都会转变成DOM树中的一个节点。元素转为元素节点；标签中的属性转为属性节点；标签中的文本转为文本节点；就算是注释，

亦凉/ 2022年04月18日 05:25/ 0 赞/ 222 阅读

相关 JavaScript 常用属性

获取变量的数据类型 \--- > 可以使用 typeof 来获取变量的数据类型数字类型：数字使用 number 定义，当一个定义的变量没有被赋值的时候跟数字类型的变量相

淩亂°似流年/ 2022年03月26日 04:16/ 0 赞/ 303 阅读

相关 XMLDOC的常用方法和属性

以下内容摘录于网上对原作者的用心整理和无私分享表示感谢 Document 对象属性以下所列是可用的document对象属性: 1. async 2. at

﹏ヽ暗。殇╰゛Y/ 2021年12月17日 16:23/ 0 赞/ 312 阅读