DRLDER的博客

目录 JQ对象向DOM对象转换： 事件绑定： 元素内容设置获取： 匹配元素选择器： 属性操作： 表单元素中的value属性值： 查找方法： 操纵类名： Js部分结束，我们来看看JQ的一些知识。 在基础笔记中，我们对JQ已经有了大概的认识，这里我会说一些，基础中没有说到或需要补充的部分。 JQ对象向DOM对象转换： let getAllBtn=document.querySelectorAll('button') let $getAllBtn=$(getAllBtn).

类： 其存在于ES6中的关键字，其就是构造函数和属性的封装。这对于学习过其它编程语言的朋友很友好且容易接受。下面看看用法： <script> console.log("只支持EScript6") class Person { //静态成员,必须要使用构造函数来访问 static name='polaris' static age=18 static eat(){ console.log('eating') } stat

严格模式： 详细见MDN。下面我说几个比较常用的严格情况： 箭头函数的this: 由于箭头函数会指向其调用者的上级，所以一般不在箭头函数中使用this。 那么有没有办法改变this指向呢？ 改变this的方法合集： <button class="btn">获取验证码</button> <script> // console.log(this) // let timer=window.setInterval(function (){

目录 原型对象： constructor和__proto__和prototype： 继承： 原型链： 原型对象： 其作用是：共享方法，节省内存。 简单理解就是每一个构造函数内置了一个prototype，这其实就是一个存储公用数据的对象存取空间。 function Person(name,age,address) { this.name=name this.age=age this.address=address } Person.prototype

目录 构造函数： constructor和instanceof： Object构造函数： Array方法： RegExp构造函数： 包装类型： 构造函数： 其实也是函数，只不过构造函数一般用于和new搭配使用创建对象。 内置的构造函数：Object，用于创建对象。使用如下: function Obj(name, age, address, phone, testArr = [1, 2, 3], testObj = {a: 1, b: 2, c: 3}) { ...

解构赋值： 用于解开数据体并赋值给变量。方便我们取出想要的多个值。 下面我们来看看具体使用： 数组解构： <script> // 数组解构，一一对应 let [a,b,c,d,e,f]=[1,2,3,4,5,6] console.log(a,b,c,d,e,f) // 变量多值少 let [a1,b1,c1]=[1,2] console.log(a1,b1,c1) // 变量少值多 let [a2,b2]=[1,2,3

预解析： 1.变量的预解析 代码在运行之前，变量声明会优先运行到变量预解析中，赋值会被中断，等所有作用域块中的所有变量全部预解析完毕，才会执行赋值。 2.函数的预解析 需要注意的是：函数优先预解析，当遇到变量和函数同名，我们会优先使用函数的预解析。 3.let预解析 上面我们说到var变量会被预解析，但是我们在使用let时在相同状态下会出现另一种情况： <script> function fn() { console.log(n) var n=1

目录 什么是正则表达式： 元字符： 修饰词： 什么是正则表达式： 使用场景： 语法： 元字符： 精确匹配必须只能用符号之间框起来的字符。 量词： 修饰词： 过滤敏感词： ...

目录 location对象： navigator： ​history： 本地存储： BOM对象： JS执行机制： JS是单线程语言。 同步异步理解： 同步和异步本质区别在于：执行顺序不同。 location对象： search可用于不同页面之间的get表单数据传值。 navigator： history： 本地存储： 用于暂时存储在本地，清理会丢失。下面说说使用方法： LocalStorage...

目录 scroll系列: offset系列: client系列： 窗口变化触发事件： 这里我将罗列所有在JS中的宽高距离等相关的方法。具体如下： scroll系列: 获取页面HTML内容的长宽距离，不能使用 document.querySelector('html') 由于兼容性问题，html获取需要使用，document.documentElement。 offset系列: client系列： 三大系列详细区别如下： 窗口变化触发事件： ...

事件对象是什么？ 其中client、offset，除了这两个外还有一个page，可以尝试下面的代码 Key触发事件： 事件流： 阻止冒泡的方法：https://jingyan.baidu.com/article/2c8c281d7e2b5e0008252a24.htmlhttps://jingyan.baidu.com/article/2c8c281d7e2b5e0008252a24.html 上面我给出来JQ的阻止方法，下面来看看JS的阻止方法： ...

事件监听： 事件监听的一些版本： 事件类型： 当我们绑定事件时，需要一个事件类型，下面有一个表。

目录 DOM树： DOM对象： 获取元素： 设置/修改元素： 修改元素属性： 修改样式属性： 表单类型属性修改： 间歇定时器： 由于基础中已经详细讲解过DOM是什么这里就不再赘述了。 下面来回顾一下，什么是DOM树： DOM树： 这里我们再回忆一下DOM对象： DOM对象： 至此，我们基本了解了DOM是什么，能干什么，下面我们来操作一下DOM： 获取元素： 当然我们也有多选的情况，可能在往期的学习分享中，我们是用getElemen...

对象： 是一组存有多种数据的数据体。其基本构成有属性和方法。 对象属性的基础用法如下： 操作对象的几种方式： 遍历对象的方法，使用forin循环会很方便，之前说过forin循环需要index，数组的index就是每个元素的下标，而对象的index就是键值对的键。即我们给予对象的属性的属性名。 下面示例： let phoneObj={ pName:"Huawei Mate X", pPrice:11288, pDesc:"This i...

目录 函数声明要点： 逻辑中断： return关键字： 作用域： 作用域的一些特殊情况： 作用域链： 匿名函数的使用： 立即执行函数： 函数声明要点： 当然函数也是有命名规范在内的： 当我们需要调用的时候，使用函数名（）即可调用。 当然函数体也是有自己的调用办法的，当我们有参数传入时也要使用函数名（参数）来调用它。具体参数的使用如下： 调用的方法： 实参和形参的区别： 逻辑中断： 当用户不传入实参时，函数执行时会导致参数值为...

目录 变量是什么？ 变量的基本使用： 变量的本质： 变量命名规则与规范： let和var的区别： 数组的使用： JS数据类型： 检测数据类型： 类型转换： 变量是什么？ 变量是用来存储数据的容器。 变量的基本使用： 1.声明对象： 要想使用变量，首先需要创建变量。 语法： 在let变量声明时其作用域只在当前代码段中，而var也是一种变量声明符，其可以更新掉已声明的变量。 变量的本质： 变量命名规则与规范： let和v...

从本章开始我们会回顾往期的JS基础内容，并适当进行扩充，并逐步进入高级阶段。 目录 让我们想来回顾一下，什么是JS，有什么作用？ JS的组成？ 书写位置： 注释： 结束符： 输入和输出： 字面量： 让我们想来回顾一下，什么是JS，有什么作用？ JS的组成？ 书写位置： 注释： 结束符： 输入和输出： 输入： document.write可以用于输出html格式内容。 输出： 字面量： ...

1.删除节点本身，可以通过获取父节点，然后删除子节点的方式来嵌套： newbutton.addEventListener('click', function () { //通过嵌套来删除自身的方式 this.parentElement.parentElement.parentElement.removeChild(this.parentElement.parentElement