![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
vision_seven7
这个作者很懒,什么都没留下…
展开
-
实现js继承的方法
这里写目录标题js继承的几种方式1.构造函数继承2.原型链继承3.原型拷贝继承(混入式继承)4.实例继承(原型式继承)5.组合式继承6.寄生组合继承7.es6继承js继承的几种方式 继承是面向对象技术当中的一个概念。这种技术使得复用以前的代码非常容易,能够大大缩短开发周期,降低开发费用。继承就是子类继承父类的特征和行为,使得子类对象(实例)具有父类的属性和方法,或子类从父类继承方法,使得子类具有父类相同的行为。 继承在js中占有非常重要的地位,那么在js中有很多中继承的方式,不过每一种继承方原创 2020-07-28 19:25:55 · 130 阅读 · 0 评论 -
JavaScript·history对象
这里写目录标题概述方法history.go()history.back()history.back()概述window.history属性指向 history 对象,它表示当前窗口的浏览历史。方法history.back()、history.forward()、history.go()history.go()使用够go()方法可以在用户的历史记录中任意跳转,可以向前也可以向后。参数 ...原创 2020-04-12 13:31:38 · 258 阅读 · 0 评论 -
js中三大家族和事件对象的三大坐标
offic家族offset作用和属性offset作用和属性作用:获取元素真实的位置或宽高offset属性家族:offsetWidth offsetHeight offsetParent offsetLeft offsetTop原创 2020-04-12 08:43:20 · 230 阅读 · 0 评论 -
JavaScript·window对象
这里写目录标题js三大组成部分window对象window里的两个方法js三大组成部分ECMAScript : js的规范文档对象模型(DOM) : 是一套操作页面的APT浏览器对象模型(BOM) : 是一套操作浏览器页面的APIwindow对象BOM的核心对象是window,它表示浏览器的一个实例,是通过JavaScript访问浏览器窗口的一个接口特点:对于...原创 2020-03-30 09:15:00 · 115 阅读 · 0 评论 -
操作元素·第二部分
DOM元素的增删改增创建新元素1.document.write()方法2. innerHtml3.createElement() 方法向页面添加新的元素1.appendChild()增创建新元素1.document.write()方法在javascript中,document.write()方法;常用来网页向文档中输出内容。例题:通过document.write()方法向网页文档中输入一...原创 2020-03-22 13:14:16 · 164 阅读 · 0 评论 -
js原生实现向表格提交对应内容
自定义标题需求html部分代码css部分代码js代码需求提交多个内容时,除第一行外,行的背景颜色发生隔行颜色交替没有完整输入信息提交时候会弹出对话框,提示用户填写完整html部分代码建议:提交按钮使用button标签,因为在js获取表单值的时候可以直接通过类名获取请输入姓名:<input type="text"> <br> 请输入邮箱:<...原创 2020-03-22 12:16:45 · 476 阅读 · 0 评论 -
操作元素·第一部分
操作元素改变元素内容例子innertext和innerHTML的区别改变元素内容inntext : 从起始位置到终止位置的内容,但是他去除html标签,同时空格和换行也会去掉innHTML : 起始位置到终止位置的全部内容,包括html标签,同时保留空格和换行例子需求:当点击按钮,div里面的文字会发生变化<!DOCTYPE html><html> <...原创 2020-03-17 13:57:49 · 162 阅读 · 0 评论 -
DOM元素绑定js的三种方式
DOM元素绑定js的三种方式1.在html标签中直接绑定2.在js里面绑定3.使用事件监听的方式进行注册1.在html标签中直接绑定在DOM元素里面绑定 使用on+事件类型 = function<input type="button" value="点我吧" onclick="alert('已执行')">2.在js里面绑定在js代码中获取元素,使用点语法注册<div...原创 2020-03-15 11:33:36 · 537 阅读 · 0 评论 -
JS获取节点及兼容性封装
文章目录获取父节点1.兄弟元素和兄弟节点获取兄弟节点获取兄弟元素获取上一个兄弟元素的封装2.获取第一个子节点和子元素获取第一个节点和子元素获取第一个子元素的兼容性封装3.获取最后一个子节点和子元素获取最后一个子节点和子元素获取最后一个子元素的兼容性封装4.克隆节点淘宝案例,隐藏二维码获取父节点获取父节点 : 子元素.parentNode获取子元素<ul id="ul"> ...原创 2020-03-12 14:02:50 · 289 阅读 · 0 评论 -
js-dom
什么是domDOM,全称Document Object Model文档对象模型。JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲的操作WEB页面。在dom中,所有HTML元素都被定义为对象属性是我们能够获取或设置的值(改变页面元素的内容)方法是能够完成的动作(比如添加页面元素)<html><body> <div id="box"...原创 2020-03-06 19:01:59 · 284 阅读 · 0 评论 -
闭包
简单的说,Javascipt允许使用内部函数--即函数定义和函数表达式位于另一个函数的函数体内。而且,这些内部函数可以访问他们所在的外部函数中声明的所有局部变量、参数和声明的其他内部函数。其中一个这样的内部函数在包含他们的外部函数之外被调用时,就会形成闭包。原创 2020-03-01 11:25:38 · 85 阅读 · 0 评论 -
函数预编译
函数的声明方式 var fun = function(){ console.log(111); } function fun2(){ console.log(222); }函数的工作原理作用:代码的复用 可以实现一个独立的小功能编译器:负责解析代码内存:负责储存代码运行时产生的数据为什么要进行代码预编译预编译的好处:可以让函数在任意位置被调用什么是预编译机制:就...原创 2020-02-23 15:54:39 · 174 阅读 · 0 评论