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.onload=function(){};
2、设置HTML标签属性:on-事件名 都是小写,例如:<button onclick=''></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);
}
JavaScript的理解记录(6)的更多相关文章
- JavaScript的理解记录(5)
---接上篇: 三.DOM解析: 1.Document Object Model(DOM):是表示和操作HTML和XML文档内容的基础API;其中几个重要的类有:Document和Element,Te ...
- JavaScript的理解记录(4)
客户端JavaScript:客户端就是Web浏览器; 一. 前奏: Web文档(document):一些呈现静态信息的页面,虽然有的页面是会动的,但信息本身还是静态! Web应用:可以动态载入信息,相 ...
- JavaScript的理解记录(3)
---接上篇 一.函数: 1. 函数定义后直接执行:var f = (function(x){ return x*10}(10)); 2. 函数的调用有四种方式: 作为函数:作为方法:作为构造函 ...
- JavaScript的理解记录(2)
一.表达式与运算符: 1.对于属性访问表达式: var arr = {first:"hh","second":"gg",third:null ...
- JavaScript的理解记录(1)
1.JavaScript的数据类型分为两类:原始类型和对象类型: 原始类型包括:数字,字符串,布尔值,null和undefined; (都是不可变类型,值不可以修改) 对象类型:普通对象和函数: 函数 ...
- Javascript中理解发布--订阅模式
Javascript中理解发布--订阅模式 阅读目录 发布订阅模式介绍 如何实现发布--订阅模式? 发布---订阅模式的代码封装 如何取消订阅事件? 全局--发布订阅对象代码封装 理解模块间通信 回到 ...
- 第一百二十九节,JavaScript,理解JavaScript库
JavaScript,理解JavaScript库 学习要点: 1.项目介绍 2.理解JavaScript库 3.创建基础库 从本章,我们来用之前的基础知识来写一个项目,用以巩固之前所学.那么,每个项目 ...
- 《javascript个人理解,个人整理。》
万事开头难. 本人做前端工程师,已几年,没有特别大的,已文字方式去做总结. 前段时间,早已经想好,但是迟迟没有去下笔!好在现在陆陆续续的写下去. 我知道这是一个很大的工程,但是我还是想做下去,不为别的 ...
- 【转】Javascript中理解发布--订阅模式
Javascript中理解发布--订阅模式 阅读目录 发布订阅模式介绍 发布---订阅模式又叫观察者模式,它定义了对象间的一种一对多的关系,让多个观察者对象同时监听某一个主题对象,当一个对象发生改变时 ...
随机推荐
- 云南南天电子信息产业股份有限公司某站SQL注入漏洞
220.163.13*.** root@kali:~# sqlmap -u http://www.****.com.cn/****.Aspx?keyword= -v 1 --dbs --tam ...
- 从头开始构建LINUX [LFS 脚本]
脚本共享在这 http://pan.baidu.com/s/1nt6yiH7 version-check.sh : 这个是检查HOST机器的软件依赖情况 host-dep.sh:针对ubuntu10_ ...
- Gradle's dependency cache may be corrupt解决方法
问题描述: Error:Unable to find method 'com.google.common.cache.CacheBuilder.build(Lcom/google/common/cac ...
- SQLite浅析
对于iOS工程师有一道常考的面试题,即iOS数据存储的方式 标答如下: Plist(NSArray\NSDictionary) Preference (偏好设置\NSUserDefaults) NSC ...
- 《C#高级编程》读书笔记
<C#高级编程>读书笔记 C#类型的取值范围 名称 CTS类型 说明 范围 sbyte System.SByte 8位有符号的整数 -128~127(−27−27~27−127−1) sh ...
- [Java编程思想-学习笔记]第3章 操作符
3.1 更简单的打印语句 学习编程语言的通许遇到的第一个程序无非打印"Hello, world"了,然而在Java中要写成 System.out.println("He ...
- ORA-12520: TNS:listener could not find available handler for requested type of server
当你碰到ORA-12520错误时,如下所示: 英文错误提示: ORA-12520: TNS:listener could not find available handler for requeste ...
- SQL Server 2008 标准版不支持Reporting Services的数据驱动订阅
今天开发同事找我,说为什么Reporting Services服务器的报表管理的订阅选项里面只有"新建订阅"选项, 没有"数据驱动订阅"选项,说实话,我也基本上 ...
- URLEncoder.encode 和 URLDecoder.decode 处理url的特殊参数
在使用 url 的 queryString 传递参数时,因为参数的值,被DES加密了,而加密得到的是 Base64的编码字符串,类似于: za4T8MHB/6mhmYgXB7IntyyOUL7Cl++ ...
- VS2015 + OpenCV 2.4.X 配置环境
VS2015的内部编号是VC14,但现在opencv 2.4.X和最新的3.0版本只有vc12的库文件,所以这里主要简单讲如何针对vs2015配置环境. 首先按照下面的文章把环境配置好: [OpenC ...