JavaScript的理解记录（6）

---接上篇：

四、CSS相关：

　　1、CSS不支持注释// 支持注释/* */

　　 2、几种浏览器厂商前缀： Firefox : -moz-; Chrome:-webkit- ; IE:-ms-

　　 3、如果元素使用绝对定位position:absolute 那么它的定位相对于最近的定位祖先元素(position的属性不是static)；

　　 4、 position默认属性是static:按照常规文档内容流定位，不能使用top,left等属性定位；

5、fiexd：相对于浏览器窗口；relative:按照常规的文档流进行布局；

6、padding和margin的顺序是：上右下左；

五、事件：

　　一、事件分类：

　　　　　1、表单事件：submit reset click change(input，textiput) focus blur事件等；

　　　　　2、Window事件：

　　　　　　　　load:文档等完全加载并显示给用户时就会触发它；

　　　　　　　　unload和beforeunload: 用户离开当前文档转向其他文档(和转向之前)时触发；

　　　　　　　　focus和blur:浏览器窗口从操作系统获取或失去键盘焦点时触发；

　　　　　　　　resize和scroll：窗口调整大小和发生滚动时触发；

　　　　 3、鼠标事件：mousemove mousedown mouseup mouseover mouseout mousewheel click dbclick;

　　　　 4、键盘事件：keydown keyup keypress;

　　二、事件处理程序注册：

　　　　　1、设置JavaScript对象的属性：on-事件名全部是小写，例如：window.οnlοad=function(){};

　　　　　2、设置HTML标签属性：on-事件名都是小写，例如：<button οnclick=''></button>

　　　　　3、addEventListener()与removeEventListener(): IE8及之前版本不支持

　　　　　　　　三个参数：1、事件类型字符串，不包括'on'; 2、事件处理函数；3、布尔值，通常是false; 如下：　　　　　　

<script>var b =document.getElementById('btn');b.onclick = function(){};b.addEventListener('click',function(){},false);
</script>

　　　　 4、attachEvent()和detachEvent():IE8及以下版本支持

　　　　　　　　两个参数：1、事件类型字符串，包括'on' ;2、事件处理程序；例如：　　　　　　

var b = document.getElementById('btn');
var ctrl = function(){};
if(b.addEcentListener){b.addEventListener('click',ctrl,false);
}else if(b.attachEvent){b.attachEvent('onclick',ctrl);
}

转载于:https://www.cnblogs.com/liangblog/p/5982448.html

JavaScript的理解记录（6）相关推荐

重学JavaScript深入理解系列（一）
JavaScript深入理解--执行上下文(Execution Context) 定义每当控制器到达ECMAScript可执行代码的时候,控制器就进入了一个执行上下文. 执行上下文(简称:EC) 以 ...
LeetCode练习及自己理解记录（1）
文章目录 LeetCode练习及自己理解记录(1) 516. 最长回文子序列 148. 排序链表 56. 合并区间 57. 插入区间 102. 二叉树的层序遍历 107. 二叉树的层序遍历 II 66 ...
JavaScript面向对象——理解构造函数继承(类继承)
JavaScript面向对象--理解构造函数继承(类继承) 构造函数式继承(类继承) function SuperClass(id) {// 引用类型公有属性this.books = ['JavaSc ...
重学JavaScript深入理解系列（六）
JavaScript深入理解--闭包(Closures) 概要本文将介绍一个在JavaScript经常会拿来讨论的话题 -- 闭包(closure).闭包其实已经是个老生常谈的话题了: 有大量文章都 ...
Javascript中理解发布--订阅模式
Javascript中理解发布--订阅模式阅读目录发布订阅模式介绍如何实现发布--订阅模式? 发布---订阅模式的代码封装如何取消订阅事件? 全局--发布订阅对象代码封装理解模块间通信回到 ...
密码学系列——MD5算法理解记录
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档密码学系列--MD5算法理解记录前言 MD5算法流程总结前言主要是为了快速回忆之前工作的一些记录,不至于完全忘记.因此此处不会 ...
JavaScript的学习记录
初识JavaScript JavaScript组成: 1.ECMAScript js的核心语法标准 2.DOM(文档对象模型) js操作html的api(api:封装的方法) 3.BOM(浏览器对象模 ...
JavaScript从零开始学习记录（三）
前言到了我最为感兴趣的部分了,要戒骄戒躁,毕竟还没出发多远,不能想着一步登天,稳扎稳打笔记范围从这节视频到那节视频结束课程目标能够说出Web APIs阶段与JavaScript语法阶段的关联 ...
Javascript prototype理解
http://www.cnblogs.com/twilight/archive/2010/02/06/1664756.html 1 什么是prototype JavaScript中对象的protot ...

JavaScript的理解记录（6）

JavaScript的理解记录（6）相关推荐

最新文章

热门文章