![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
DOM
Mr Gong
好好学习,好好工作
展开
-
事件基础三
事件冒泡<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件冒泡</title> <style type="text/css"> div{padding: 50px;} #div1{background: #1836EC;} #div2{b原创 2017-08-08 08:09:04 · 286 阅读 · 0 评论 -
事件基础一
焦点 : 使浏览器能够区分用户输入的对象,当一个元素有焦点的时候,那么他就可以接收用户的输入...原创 2017-08-07 08:17:57 · 312 阅读 · 0 评论 -
事件深入应用三
鼠标滚轮事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>鼠标滚轮</title> <style type="text/css"> div{width: 200px;height: 200px;background: #f00;} </style></head原创 2017-08-13 20:06:07 · 317 阅读 · 0 评论 -
事件深入应用二
拖拽的封装<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>拖拽的问题</title> <style type="text/css"> #div1{width: 100px;height: 100px;background: #f00;position:absolute;}原创 2017-08-13 20:04:02 · 182 阅读 · 0 评论 -
事件深入应用一
拖拽的原理<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>拖拽的原理</title> <style type="text/css"> #div1{width: 100px;height: 100px;background: #f00;position:absolute;}原创 2017-08-13 19:58:58 · 203 阅读 · 0 评论 -
DOM基础四
元素的创建、删除、插入、替换<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>DOM</title></head><script>/* document.createElement() 创建一个元素 父级.appendChild() 在父元素的子元素原创 2017-07-31 20:59:42 · 396 阅读 · 1 评论 -
DOM 基础三
元素的偏移位置<!-- 元素.offsetParent 只读 属性 返回离该元素最近的定位父级,如果没有定位父级,默认返回body )在IE7以下,自身有定位且没有定位父级的时候,默认是HTML 2)在IE7以下,自身没有定位且没有定位父级,但有某个父级触发了hasLayout的时候,offsetParent就会被指向到这个触原创 2017-07-31 20:52:56 · 275 阅读 · 1 评论 -
事件基础六
事件取消<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件取消</title></head><body><script type="text/javascript"> function fn1(){ alert(1); }/* 第一种形式的事件取消原创 2017-08-13 19:42:26 · 247 阅读 · 0 评论 -
事件基础五
事件捕获<!DOCTYPE html><html lang="en"><head <meta charset="UTF-8"> <title>事件捕获</title> <style type="text/css"> div{padding: 50px;} #div1{background: #1836EC;} #div2{ba原创 2017-08-13 19:29:40 · 217 阅读 · 0 评论 -
DOM基础二
元素的偏移位置原创 2017-07-26 15:31:46 · 219 阅读 · 0 评论 -
DOM基础一
JavaScript的组成在了解DOM之前,我们先来了解一下JavaScritpt的组成,JavaScript由三个部分组成ECMAScript (核心) DOM BOMECMAScript是一套标准,规定了最基本的语法、关键字、数据类型等,在ECMAScript的基础上,进行的扩展,使得ECMAScript拥有更强大功能。原创 2017-07-26 14:11:05 · 296 阅读 · 0 评论 -
事件基础四
绑定事件的第二种方式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件绑定的第二种形式</title> <style type="text/css"> </style></head><script type="text/javascript"> /* 第原创 2017-08-08 08:10:11 · 351 阅读 · 0 评论 -
事件基础二
事件对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件对象</title></head><body><script type="text/javascript">/* event 事件对象 必须在一个事件调用函数里面使用event对象才有内容 事件函数 事件调原创 2017-08-07 08:20:42 · 257 阅读 · 0 评论