09 2017 档案

addEventListener 事件监听器 冒泡事件）
摘要：addEventListener 事件监听器 (冒泡事件） 1、后面绑定的事件照样会执行 2、不会被覆盖 3、调用者是事件源but.addEventListener 4、参数1，事件名（不带on 点击，移开）("click",fn1) 5、参数2执行函数("click",fn1) 6、参数3事件名( 阅读全文
posted @ 2017-09-29 18:12 Me*淡定 阅读(838) 评论(0) 推荐(0)
内置对象 Date
摘要：1、内置对象 a)语言自带的对象 b)提供了常用的，基本的功能 Date 1、定义的方法 a) 获取当前时间 var date1=new Date(); console.log(date1) b）自定义时间 （2017/09/15）兼容性好，很常用 Date对象的方法 1、getDate():获取日 阅读全文
posted @ 2017-09-27 19:40 Me*淡定 阅读(251) 评论(0) 推荐(0)
js-定时器
摘要：知识 要用定时器，先清除定时器 1、 定时器 setInterval() 循环定时器；周而复始的执行（循环执行） setTimeout()( 执行事件，间隔时间（单位毫秒）) <script> var num=0; setInterval(function(){ console.log( num); 阅读全文
posted @ 2017-09-26 17:55 Me*淡定 阅读(238) 评论(0) 推荐(0)
BOM：浏览器对象
摘要：1、window是javascript的顶级对象 window有很多内置方法 如 alert open 自定义函数 2、window是bom的顶级对象，通常情况下，可以省略 window.alert(1) alert(2) 成员变量也是windew的一个属性 var aaa=1; alert(aaa 阅读全文
posted @ 2017-09-22 18:21 Me*淡定 阅读(156) 评论(0) 推荐(0)
DOM元素
摘要：元素的三种创建方法 1、doumrnt.write（可以写类名，各种表情属性） script写在哪里就创建在哪 <button>点我</button> <script> document.write("<li class='kk'>生活</li>") </script> <button>点我</bu 阅读全文
posted @ 2017-09-21 18:18 Me*淡定 阅读(210) 评论(0) 推荐(0)
js控制style样式
摘要：1、行内样式获取打印出来 2、内嵌和外链的获取不了 <div style="width:200px;height:200px; background: red;"></div> var box=document.getElementsByTagName("div")[0]; console.log( 阅读全文
posted @ 2017-09-20 18:23 Me*淡定 阅读(88233) 评论(1) 推荐(1)
font属性
摘要：font属性 font属性设置css字体 阅读全文
posted @ 2017-09-18 18:36 Me*淡定 阅读(170) 评论(0) 推荐(0)
第六天-css基础（css定位)
摘要：css定位 方位名称： left right top bottom position:absolute 绝对定位（脱离标准流 div{ width:100px; height:100px; bacround-color:black; position:absolute; left:0 } 特点：1、 阅读全文
posted @ 2017-09-15 19:39 Me*淡定 阅读(176) 评论(0) 推荐(0)
css基础（浮动 清除f浮动）
摘要：文档流（标准流） 1、元素自上而下，自左而右 2、块元素，独占一行，行内元素在一行上显示，碰到父级元素的边框换行 浮动left 浮动的框可以向左或是向右移动，直到它的边缘碰到包含框或是另个浮动框的边框为止 特点 设置了浮动的元素不占原来的位置（不在标准流） 可以让块级元素在一行显示 浮动可以行内元素 阅读全文
posted @ 2017-09-14 18:15 Me*淡定 阅读(520) 评论(0) 推荐(0)
css基础（css书写 背景设置 标签分类 css特性）
摘要：css书写位置 行内式写法 <p style="color:red;" font-size:12px;></p> 外联式写法 <link rel="stylesheet " href="地址" type="text/css"/> 外联式写法 嵌入式写法 <style type="css/styles 阅读全文
posted @ 2017-09-13 18:29 Me*淡定 阅读(311) 评论(0) 推荐(0)
DOM访问关系（父节点 子节点）
摘要：把下面的知识点掌握了，可以做一下下面的案例，都是工作中常用的，很有用 知识点 1、带Eleent和不带区别 a）带Element的获取的是元素节点 b）不带Element的获取文本节点和属性节点 关系访问节点 1、获取父节点 parentNode li.parentNode.style.backgr 阅读全文
posted @ 2017-09-12 18:19 Me*淡定 阅读(963) 评论(0) 推荐(0)
属性的方法操作
摘要：属性的方法操作 get set/removeAttribut:绑定的属性值会出现属性标签上 get set/removeAttribut:绑定的属性值会出现属性标签上 get set/removeAttribut:绑定的属性值会出现属性标签上 getAttribute() 方法返回指定属性名的属性值 阅读全文
posted @ 2017-09-11 18:18 Me*淡定 阅读(209) 评论(0) 推荐(0)
DOM对象属性
摘要：事件 onmouseover 鼠标以上事件 onmouseout 鼠标离开事件 onclock 鼠标点击事件 onfocus 获取焦点 onblur 失去焦点 oninput 输入事件 页面直接获取光标：事件源 . focus() 小知识 1、replace("被替代的值","替换值") 方法用于在 阅读全文
posted @ 2017-09-07 18:11 Me*淡定 阅读(161) 评论(0) 推荐(0)
DOM节点操作
摘要：1、修改 class 属性要写成className：因为clas是关键字 2、.innerHTML修改标签中的文字 1、修改 class 属性要写成className：因为clas是关键字 2、.innerHTML修改标签中的文字 给页面添加节点document.createElement() 拓展 阅读全文
posted @ 2017-09-05 18:05 Me*淡定 阅读(140) 评论(0) 推荐(0)
什么是dom
摘要：DOM概述 html加载完毕，渲染引擎会在内存中吧html文档生成一个DOM树， getElementById是获取DOM上的元素，然后操作的时候修改的该元素的属性 什么是DOM和节点 1、 DOM由节点（标签）组成 2、DOM是一个树状模型 3、节点都是object类型，都是内置对象 a）每个HT 阅读全文
posted @ 2017-09-04 18:20 Me*淡定 阅读(593) 评论(0) 推荐(0)