JavaScript＜DOM＞笔记（精简）

已于 2022-10-07 16:14:12 修改
阅读量690 收藏 2
点赞数 1
分类专栏： 前端 文章标签： 前端 javascript vscode
于 2022-04-16 21:02:19 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46160720/article/details/124220228
版权

文章目录

教程适合学过其他编程语言的，或者学完js再来复习的，可以迅速查阅
HTML
CSS
JavaScript基础
JavaScript(高级)DOM
React

DOM简介

DOM，全称Document Object Model文档对象模型。
JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲的操作WEB页面。
文档：文档表示的就是整个的HTML网页文档
对象：对象表示将网页中的每一个部分都转换为了一个对象
模型：使用模型来表示对象之间的关系，这样方便获取对象
在这里插入图片描述

节点

Node!
是构成我们网页的最基本的组成部分
比如 html标签、属性、文本、注释、整个文档都是一个节点

分为：文档节点，元素节点，属性节点，文本节点
在这里插入图片描述

鼠标事件（常用的）(先了解)

在这里插入图片描述

事件

在这里插入图片描述

节点操作

在这里插入图片描述

事件高级

在这里插入图片描述

键盘事件

在这里插入图片描述

小匣
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript HTML DOM学习笔记.emmx
02-11
从菜鸟教程上学习的关于js的学习笔记，可以用于参考学习使用，脑图样式，浏览更方便，有需要的同学可以带走
<javascript>XMind思维导图知识点
11-18
通过Xmind思维导图的形式，总结了包含了js中变量、关键字、数据类型、选择结构、循环结构、函数、数组、字符串、DOM、事件、BOM、Json、正则、AJAX内容的基础知识。
性能优化系列之『DOM编程优化：怎样控制DOM大小并简化DOM操作？』
老__L的博客
01-02 725
性能优化系列之『DOM编程优化：怎样控制DOM大小并简化DOM操作？』
web程序设计学习笔记＜四＞_JavaScript
qq_62732976的博客
11-08 408
JavaScript和DOM部分
JavaScript学习笔记（六）
qq_27144571的博客
02-18 192
六、jQuery 1.“jQuery2.x移除了对IE 6、7、8的支持，代码更精简，如果想支持IE6~8，可以选择jQuery1.x。如果想深入研究jQuery源码，就从官网下载uncompressed（未压缩）版本而不是compressed（压缩）版本，这两个版本使用时是一样的。” 2.“jQuery把所有功能全部封装在一个全局变量jQuery中，而$也是一个合法的变量名，它是变量jQuery的别名，本质上是一个函数，也是一个对象”： window.jQuery; // jQuery(selector,
JavaScript精简笔记
qq_53022114的博客
11-25 311
JavaScript
JavaScript基础笔记（精简）
weixin_46160720的博客
04-04 881
有语言基础学习js
react学习笔记
热门推荐
冷月心的博客
06-22 1万+
react学习笔记
jQuery选择器（学习笔记）
celery_lush_sakura的博客
01-10 507
1.jQuery选择器是什么 CSS选择器是找到元素后添加样式，jQuery选择器是找到元素后添加行为； 2.jQuery选择器 jQuery选择器包含基本选择器、层次选择器、过滤选择器和表单选择器； 2.1基本选择器（最简单，最常用） 通过元素id、class和标签名来选择DOM元素，每个id名称只能选择一次，class允许重复使用； $("#test")；获取id为test的元素（
尚硅谷jQuery学习笔记
qq_43813373的博客
07-16 836
文章目录初识jQueryjQuery对象和dom对象的区别基础选择器 初识jQuery jQuery其实就是javascript的一个库，通过引入使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="./jquery
JavaScript学习笔记之DOM基础操作实例小结
12-08
本文实例讲述了JavaScript DOM基础操作。分享给大家供大家参考，具体如下： 一、子节点 1、元素节点、文本节点 实例01 html <body> <ulid> 文本节点1 <li></li> 文本节点2<li></li> 文本节点3<li></li> 文本...
JavaScript学习笔记之DOM操作实例分析
12-12
本文实例讲述了JavaScript学习笔记之DOM操作。分享给大家供大家参考，具体如下： 一、DOM概念 1. “D”:Docment,指的是文档 2. “O”：Object，指的是对象，在javascript有三种对象：用户定义对象、内建对象...
JavaScript DOM事件(笔记)
10-24
主要介绍了JavaScript DOM事件(笔记) ,需要的朋友可以参考下
javascript Dom编程艺术读书笔记之最佳实践
HiramYong的博客
09-21 316
平稳退化 javascript伪协议 内嵌事件处理函数 平稳退化的重要性 渐进增强 分离javascript 对象检测 浏览器嗅探技术 性能考虑 1.平稳退化正确使用javascript脚本，让访问者在不支持javascript情况下，仍然可以顺利浏览你的网站2.”javascript:”伪协议通过一个链接调用伪协议<a href="javascript:popUp('http://www.exam
vue源码之mustache模板引擎1
最新发布
qweasl_的博客
05-21 165
模板引擎的一个有点：它是将数据转为视图的最优雅的方法。相信vue的玩家首先想到的是。而还没学vue的朋友，就只能进行dom操作了。通过数组的join方法。以及es6推出的模板字符串。
WEB转Flutter基础学习笔记（内含vue和flutter对比）
小易不止于搬砖的博客
05-17 674
笔者是一名web前端，记录在转栈flutter时的学习笔记，内涵和vue的对比，能够辅助前端同学更容易理解flutter
vue3.0+antdv的admin管理系统vue-admin-beautiful推荐
独行猫a 的沉淀、积累、总结。天天学习，好好向上...c/c++,嵌入式 linux,Android,HarmonyOS)
05-15 1117
几年前，笔者自学了vue这一优秀的前端框架，但苦于没项目练手，无意间发现了这一优秀的前端集成框架。当时就使用它做了一很有意思的小项目---终端监控云平台，实现了前端和后台的整体功能。整体方案介绍参见博文《》，前端使用vue-admin-beautiful框架，后端使用go-zero微服务框架，几天内就搞出来了一个包含前端和后台的小项目。我的monitor-ui前端运行界面：后续有机会介绍下我这个终端监控云平台小项目的具体实现，挺有意思的。几年前还用到过几个地方的公交客户现场，客户挺喜欢这个功能的。
【Web】CISCN 2024初赛 题解(全)
uuzeray的博客
05-21 622
这里注意细节，靶机发了两次请求，第一次我们就返回一个正常的图片，第二次请求就发一个302，php代码块要用html标签包裹。注意下面这段报错，因为加不了引号，开头是数字的话，就会将类型识别为数字，若后续出现了字符串就会报错。再打sqlite，指定tableName，加载写入的恶意so文件，反弹shell。最后注意要将获取的变量元组转字符串，再用逗号分隔，依次输出，从而绕过seed。考的python栈帧沙箱逃逸，获取到外部的栈帧，就可以用。因为ban了引号，考虑hex2bin，将数字转为字符串。
用js写出3种方法，解析这段字符串'<h1>xx</h1><p>xx</p><td></td><u></u><ul></ul><b></b><li></li><ol></ol>'，将除了p、ul、ol、li、b、i、u的标签对都替换成p标签，但不需要替换以</开头的标签如</h>
10-10
const str = '<h1>xx</h1><p>xx</p><td></td><u></u><ul></ul><b></b><li></li><ol></ol>'; const replacedStr = str.replace(/<(?!\/?(p|ul|ol|li|b|i|u)\b)[^>]*>/gi, '<p>'); console.log(replacedStr); ``` ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值