摘要: //兼容方法获取元素样式function getStyle(ele,attr){ if(window.getComputedStyle){ return window.getComputedStyle(ele,null)[attr]; } return ele.currentStyle[attr]; 阅读全文
posted @ 2017-10-28 14:41 GodCe 阅读(173) 评论(0) 推荐(0)
摘要: 冒泡 事件冒泡: 当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡;这个事件从原始元素开始一直冒泡到DOM树的最上层。(BUG) (本来应该一人做事一人当,结果,我做错了事情,你去告诉我妈) 什么是冒泡:子元素事件被触动 阅读全文
posted @ 2017-10-19 03:37 GodCe 阅读(550) 评论(0) 推荐(0)
摘要: 在函数中 this 到底取何值,是在函数真正被调用执行的时候确定下来的,函数定义的时候确定不了。 执行上下文环境 : **定义**:执行函数的时候,会产生一个上下文的对象,里面保存变量,函数声明和this。 **作用**:用来保存本次运行时所需要的数据 当你在代码中使用了 this,这个 this 阅读全文
posted @ 2017-10-19 03:33 GodCe 阅读(181) 评论(0) 推荐(0)
摘要: 1、动态创建元素一 document.write() 例如向页面中输出一个 li 标签 1 <script> 2 document.write("<li>123</li>"); 3 </script> body标签中就会插入但是这种方法几乎不用,因为这回影响页面的布局,甚至会将页面原来的内容冲刷掉, 阅读全文
posted @ 2017-10-19 02:12 GodCe 阅读(3921) 评论(0) 推荐(0)
摘要: 整体布局: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 <!DOCTYPE> <head> <meta http-equiv="Content-Type" content="text 阅读全文
posted @ 2017-10-19 02:09 GodCe 阅读(406) 评论(0) 推荐(0)
摘要: <head lang="en"> <meta charset="UTF-8"> <title></title> <style> div { width: 100px; height: 100px; background-color: pink; cursor: pointer; } .aaa { b 阅读全文
posted @ 2017-07-28 18:08 GodCe 阅读(170) 评论(0) 推荐(0)
摘要: display:block就是将元素显示为块级元素. block元素的特点是: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 <div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。 display:inli 阅读全文
posted @ 2016-08-26 11:02 GodCe 阅读(215) 评论(0) 推荐(0)
摘要: 大神的学习路线 level 1首先你要对js的基础知识进行系统的学习,脑海中先有一幅知识蓝图。我们现在说的js其实包含三部分:ECMAScript规范、DOM规范、BOM规范,你要知道这三部分都有哪些内容。其中ECMA规范定义了js作为一门编程语言的标准,包含变量基本类型、对象、函数、作用域、运算符 阅读全文
posted @ 2016-08-25 20:07 GodCe 阅读(198) 评论(0) 推荐(0)
摘要: 1 2 3 4 1 5 6 44 45 46 Snapshots 47 48 第一张图片 49 第二张图片 50 第三张图片 51 第四张图片 52 53 55 Choose an image. 56 --> 57 ... 阅读全文
posted @ 2016-08-25 19:25 GodCe 阅读(144) 评论(0) 推荐(0)
摘要: 1 2 3 4 create Element 5 6 7 8 23 24 阅读全文
posted @ 2016-08-25 14:09 GodCe 阅读(3474) 评论(0) 推荐(0)