- 博客(8)
- 收藏
- 关注
原创 DOM基础之事件委托
什么是事件委托? 事件委托:将事件绑定在父元素身上,点击子元素的时候会发生事件冒泡 触发父元素的点击事件 通过事件源(e.target)判断是否是要绑定事件的子元素 执行相应的处理函数 事件委托的应用 1.后生成元素的事件绑定问题 2.绑定的事件少 <script> var oBtn = document.getElementById('btn'); ...
2019-08-24 15:24:35 151
原创 DOM基础之事件捕获
前面我们学习了事件冒泡,那么在DOM中与冒泡对应的就是捕获,让我们一起来学习捕获及应用吧。 什么是事件捕获? 捕获型事件(event capturing):事件从最不精确的对象(document 对象)开始触发, 然后到最精确(也可以在窗口级别捕获事件,不过必须由开发人员特别指定),简单来说就是由外向内的触发事件。 在这里我们顺便说说事件流,事件流分为事件冒泡和事件捕获。 冒泡 从里向...
2019-08-24 14:36:13 343
原创 DOM基础之绑定事件
第一种:在内联中绑定事件 <div id='div1' onclick="alert('hahah')">111111</div> 这种绑定事件的方法虽然简便,但是不推荐读者使用,因为我们习惯上写js代码在script中写, 如果要绑定的事件有很多,写在内联中就会显得结构不够工整。 第二种:获取元素绑定事件 var oDiv1 = document.getElement...
2019-08-24 14:20:59 142
原创 DOM基础之事件冒泡
首先我们要是到什么是事件冒泡 事件冒泡:作为父子时间的元素,当点击子元素时,会冒泡到父元素身上。 阻止事件冒泡的方法: 1.在标准浏览器下:`e.stopPropagation();` 2.在ie浏览器下:`e.cancelBubble = true;` <style> #div1{ width: 300px; heig...
2019-08-24 14:02:07 122
原创 DOM 制作选项卡 面试可能会问哦
先看看效果 请忽略我的水印(/捂脸笑) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &...
2019-08-23 14:04:19 121 1
原创 ES6类数组转换成数组
方法一 var aLi = document.getElementsByTagName('li'); var arr = [] for(var i=0; i<aLi.length; i++){ arr.push(aLi[i]); } console.log(arr); 方法二 扩展运算符 var aL...
2019-08-06 17:40:21 694
原创 前端必考面试题 es6 let 和 var 的区别
1.let没有变量提升 变量提升 (当前作用域的上边 定义了 没有赋值 ,值为undefined) console.log(a); //undefined var a = 10; console.log(b); let b = 10; 2.let不能重复命名 var c = 10; var c = 20; con...
2019-08-06 16:59:25 195
原创 教你用最简洁的js代码写轮播图 学js必会技能 无缝滚动轮播图
今天我们来完成一个类似天猫首页的轮播图 话不多说 先看效果图 html部分 <div id="container"> <div id="img-box"> <a href="#" class="selected"> <img src="img/1.jpg" alt=""> ...
2019-07-29 18:14:20 624 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人