自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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 141

原创 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 623 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除