![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 76
MrShyZhang
前端路漫漫其修远兮
展开
-
JavaScript——节点Node和元素操作(JS和jQuery对比)
节点Node DOM由节点组成 节点类型(12种) 元素类型 1 文本类型 3 注释类型 8 文档类型 9 节点和元素的关系: 每个元素一定是节点 节点不一定是元素 元素只是节点的一种 获取节点类型 nodeType 用法:node.nodeType 返回值:数字代表的节...原创 2018-05-26 11:15:40 · 1446 阅读 · 0 评论 -
JavaScript toString( ) 函数详解
toString()函数用于将当前对象以字符串的形式返回。该方法属于Object对象,由于所有的对象都"继承"了Object的对象实例,因此几乎所有的实例对象都可以使用该方法。所有主流浏览器均支持该函数。语法object.toString( )返回值toString()函数的返回值为String类型。返回当前对象的字符串形式。JavaScript的许多内置对象都重写了该函数,以实现更适合自身的功能...原创 2018-06-02 11:30:36 · 678 阅读 · 0 评论 -
call和apply的this指向问题
call( )方法和apply( )方法用法: .call( this指向,参数 ) .apply( this指向,参数数组 ) 注意: 这里的this指向必须是引用类型。 如果this被强行改变为值类型,那么能够转为对应包装类型的都会转,不能转的 指向window<!DOCTYPE html><html lang="en"><head&...原创 2018-06-15 19:56:45 · 2131 阅读 · 0 评论 -
内置构造函数
内置构造函数的分类 ① ECMAScript核心语法: 有一部分内置构造函数:Function、 Object、 Array、 String、 Number、 Boolean、 RegExp、 Error、 Date ② 宿主环境: 也会支持一部分构造函数 例如Image。Function该函数是一个内置构造函数,是用于创建函数的。使用方式:var fun = new Function...原创 2018-05-30 21:36:32 · 1364 阅读 · 0 评论 -
继承(类式继承、构造函数式继承、组合继承)
继承: 指的是子类继承父类的属性和方法。 子类是父类的实例 子类继承父类的属性和方法,可以使用父类的属性和方法,又不影响父类原型上的方法 父类不能使用子类独有的属性和方法继承方式: ① 类式继承 或者 原型式继承 ② 构造函数式继承 ③ 组合式继承1. instanceof 该关键字用于判定某一个对象是否是某一个构造函数的实例使用...原创 2018-05-30 21:09:00 · 1201 阅读 · 0 评论 -
原型对象prototype的推导过程 和 安全类
原型prototype的推导过程:初始状态:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body>原创 2018-05-30 20:09:09 · 185 阅读 · 0 评论 -
数组塌陷现象
数组塌陷现象: 在对数组进行操作的时候,会使数组的长度产生变化,同时操作的数组那个项的下一个索引会被跳过,从而造成数组的某项会被跳过,这种叫做数组塌陷现象。 例如: 循环判断数组中的每一项的值,如果等于4就删除 遍历到第一个4,索引值i是3,执行删除操作,此时数组的长度就从原来的15变成了14,索引值还是3. 在进行循环 i++,这时i 变成 ...原创 2018-05-30 19:23:24 · 2406 阅读 · 0 评论 -
滚动轮播图
1. 面向过程的滚动轮播图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">原创 2018-05-28 20:22:35 · 1445 阅读 · 0 评论 -
键盘事件
键盘事件 1. onkeydown 键盘按下 触发条件:当键盘被按下的时候触发 用法:document.onkeydown = function (e) { console.log("键盘按下")} 2. onkeyup 键盘抬起 触发条件:当键盘被抬起的时候触发 用法:document.onkeyup = funct...原创 2018-05-28 20:12:46 · 769 阅读 · 0 评论 -
鼠标滚轮事件onmouewheel
鼠标滚轮事件onmouewheel 1. onmouewheel 事件触发条件:当鼠标滚轮向上或者向下滚动时 用法:document.onmousewheel = function() {} 兼容性问题: IE 和 chrome 都支持 onmouewheel , 火狐浏览器不支持, 只支持自己的 DOMMouseScro...原创 2018-05-28 19:47:23 · 1270 阅读 · 0 评论 -
裁剪图片demo
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css&a原创 2018-05-27 21:56:34 · 367 阅读 · 0 评论 -
淘宝放大镜demo
1. 简易放大镜 没有淘宝放大镜的一些交互功能,比如刚开始只有小图一张,鼠标移入小图产生镜片和放大的大图,可以在小图中随意动,大图跟随小图的位置进行放大操作。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document&原创 2018-05-27 21:48:34 · 489 阅读 · 0 评论 -
获取元素的定位参考元素和定位值(JavaScript 和 jQuery)
JavaScript获取元素的定位参考元素和定位值方法1. offsetParent 获取元素的定位参考元素 element.offsetParent 2. offsetLeft 获取元素到定位参考元素的左边距离 element.offsetLeft 3. offsetTop 获取元素的定位参考元素的上边距离 element.offsetTop <!DOCTYPE htm...原创 2018-05-27 21:19:55 · 5367 阅读 · 0 评论 -
获取元素尺寸(JavaScript 和 jQuery)
在写代码的时候要经常用的元素宽、高, 可以通过getComputedStyle(dom)["width"], 但是有点麻烦,dom提供了获取元素宽高值的快捷方式。 getComputedStyle 返回值类型: 字符串string 返回值: 内容宽 contentJavaScript快捷获取元素尺寸 1. clientWidth 获取...原创 2018-05-27 20:43:55 · 2252 阅读 · 0 评论 -
JavaScript——委托模式
想实现一个效果① 点击btn按钮 可以添加一个li标签(li标签里面有文本内容和点击删除的span标签)② 点击每个li标签 可以实现li标签变换背景颜色③ 点击每个li标签中的span标签 可以实现删除所在的li标签1. 普通过程函数书写<!DOCTYPE html><html lang="en"><head> <meta charset="UTF...原创 2018-05-26 12:42:42 · 736 阅读 · 0 评论 -
JavaScript——拖拽实现
拖拽① dom.onmousedown ② document.onmousemove ③ document.onmouseup1. 实现在视口随意拖拽<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</t原创 2018-05-26 12:16:50 · 207 阅读 · 0 评论 -
JavaScript——事件对象event
事件流程1. 事件流程规定了拥有同类事件的子元素和父元素同时被触发,谁先执行的这么一个规定2. 整个事件流程分为 事件捕获 和 事件冒泡 事件捕获: 事件从最外层的元素开始执行,一层一层的往下,直至最精确的元素 事件冒泡: 事件从最精确的元素开始执行,一层一层的往上,直至最外层的元素 注:高级浏览器才有事件捕获 IE只支持事件冒泡3....原创 2018-05-26 11:57:50 · 137 阅读 · 0 评论 -
原生JS获取radio 和 CheckBox 和 selected 的选中的值
原生JS获取radio 和 CheckBox 和 selected 的选中的值转载 2018-07-08 14:46:49 · 5401 阅读 · 0 评论