2020年08月_admin_djp

原创 DOM的动态添加和删除

对于动态HTML编程,一种是以操作innerHTML为主的狭义的DHTML，一种是以集合方式操作(appendChild)页面元素对象的DOM(Document Object Model)。添加元素对于在页面上动态添加元素，主要分为以下三步：1.创建新元素(创建的元素位于内存中)。2.设置元素得内容和属性。3.把元素添加到DOM树上。示例如下：<!DOCTYPE html><html lang="en"><h

2020-08-30 23:53:17 307

原创 JS获取DOM元素

JS获取DOM元素的方法通过ID获取（getElementById）通过name属性（getElementsByName）通过标签名（getElementsByTagName）通过类名（getElementsByClassName）通过选择器获取一个元素（querySelector）通过选择器获取一组元素（querySelectorAll）获取html的方法（document.documentElement）document.documentElement是专门获取html这个标签的

2020-08-30 23:30:54 61

原创 JavaScript 节点

节点区别节点类型节点名称节点值元素节点HTML标签的名称（大写） 1属性节点属性的名称，如 id 、class 、name 等 2文本节点它的值永远是#text 3注释节点为注释内容 8文档节点它的值永远是#document 9获取子节点childNodes与childrenchildNodes：它是标准属性，它返回指定元素的子元素集合，包括HTML节点，所有属性，文本节点。可以通过nodeType来判断是哪种类型的节点，只有当

2020-08-23 23:53:04 125

原创 js继承的几种方式

继承，顾名思义就是子类通过一定的方式拥有父类的属性和方法,继承在js中占有非常重要的地位，那么在js中有很多中继承的方式，不过每一种继承方式都有优缺点。下面就列举几种继承的方式。定义父类function People(name){ //属性 this.name = name || Jack //实例方法 this.sleep=function(){ console.log(this.name + '正在睡觉') }}//原

2020-08-23 17:50:36 99

原创 js正则对象

创建方法一：字面量创建var reg1 = /\d/方法二：通过 new 来声明var reg2 = new RegExp('\d')修饰符通过这个例子发现，正则只匹配了第一个数字，后面的数字都没有被匹配var str = "0q3g1";str.replace(reg1, 'X') //Xq3g1str.replace(reg2, 'X') //Xq3g1如果我们想要匹配全部的数字该怎么办呢？我们可以通过修饰符来指定正则匹配的范围，修饰符有下面几种：g: global 全文

2020-08-16 23:48:37 151

原创 Error对象

一、概念 error，指程序中的非正常运行状态，在其他编程语言中称为“异常”或“错误”。解释器会为每个错误情形创建并抛出一个Error对象，其中包含错误的描述信息。 ECMAScript定义了六种类型的错误。除此之外，还可以使用Error构造方法创建自定义的Error对象，并使用throw语句抛出该对象。六种错误：ReferenceError:引用错误，要用的东西没找到；TypeError:错误的使

2020-08-16 18:53:23 305

原创 js正则表达

什么是正则正则表达式实际上就是规定了一系列的字符串规则，例如说我们看到183****0492就能知道这是一个手机号，看到[email protected]就知道这是一个邮箱。那么，我们怎么让计算机知道这一切呢？我们人类之所以能分辨出来是因为我们心里有一个模型，我们知道十一位的数字很有可能就是一个手机号，@+邮箱品牌+.com的组合很有可能是一个邮箱。正则正式提供一种语法，让我们把自己心中的那种识别模式告诉计算机，让计算机

2020-08-09 22:28:23 118

原创 js中常用String和Array对象

字符串对象String字符串对象的创建:var str="Hello world";//orvar str=new String("Hello world")常用方法:charAt()方法:charAt()方法用于返回指定位置的字符串，比如我们想返回str字符串中，第二个字符，则可以写成charAt(1)，因为字符串的下标也是从0开始，因此我们返回了第二个字符e；如下：var str="Hello world"; alert(str.charAt(1))//输出eindexOf

2020-08-09 20:29:40 125

原创 JS构造函数

JavaScript 构造函数（Constructor）也称为构造器、类型函数，功能类似对象模板，一个构造函数可以生成任意多个实例，实例对象具有相同的属性、行为特征，但不相等。定义构造函数在语法和用法上，构造函数与普通函数没有任何区别。定义构造函数的方法如下：function 类型名称 (配置参数) { this.属性1 = 属性值1; this.属性2 = 属性值2; ... this.方法1 = function ()

2020-08-02 23:38:30 154

原创浅谈js定义function函数的几种方式

通过声明通过关键词 function 定义，这是最早也是最经典的function定义方式。function hello (firstname) { console.log(`Hello ${firstname}`);}这个函数有一个名称 “hello”, 所以我们称这个函数为命名函数。通过表达式这是比较现代化的定义方式了。这种定义方式也说明了函数也是对象，因此可以把函数赋值给变量。const hello = function (firstname) { console.log(`H

2020-08-02 17:01:05 1572

admin_djp的博客