码迷,mamicode.com
首页 > Web开发 > 详细

JS的构造及其事件注意点总结

时间:2016-03-06 12:57:50      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:

一:js的组成
ECMAscript
bom
dom
类型包括:
number boolean  string undefined  object function

二:基本函数作用
parseInt(字符串)--作用:从字符串中提出整数,从左向右检查,只输出整数,如果碰到非整数,则自动停止检查。
NAN--- NOT a number  不能拿两个NAN相比,总不相等。
isNAN(参数 )函数--作用:判断是不是NAN  ---true
---false
==: 先把两边的东西转换成一样的类型,然后在比较
===:不转换,直接比较  表示全等
两个字符串:
+:字符串连接   和数字相加
-:数字相减
闭包:子函数可以使用父函数的局部变量。不要过分考虑闭包这种情况
三:命名规范:可读性-能看懂命名变量的含义
规范性--符合规则
对象命名--otext、obtn
a--Array
b-boolean
f-float
fn-function
i-integer
re-regexp
v-variant  变体变量  不限定变量的类型
匈牙利命名法---类型前缀&首字母大写
四:兼容性问题
arguments--存放参数  可变参参数不定,arguments可读性较差较差
jQuery中的css()方法:既可以获取又可以设置
style只能取行间的数据
currentstyle  获取计算 后的样式  IE下可用  火狐不可用
getcomputedstyle(oDiv,‘true/0/abc/false‘)--火狐
复合样式:background无法获取其复合样式,只能取
backgroundcolor单一样式
基本样式:width height
封装性:将一些方法和变量封装到一个函数里面,需要用的时候直接调用即可
shift()&unshift()--将第一个元素从数组中删除
数组排序  sort()--js中只能用此种方法,只能认识字符串
对整数排序--需要加入比较函数
数组拼接--contact()
xx.contact(yy)  --将yy接在xx后面
join()--分隔符,数组变成字符串
split()--拆分,将字符串变成数组
splice(开始位置,长度)从开始位置删除自己及其后面的元素
数组位置索引从0开始
splice(开始位置,长度,‘aaa’,‘bbb‘)
可插入元素和替换元素
五:DOM的相关知识
父.insertBefore(插入的节点,谁之前插入)
文档碎片--理论上可以提高DOM的性能--IE8略微提高一点
childNodesb   存在兼容性问题,可用children来代替--可兼容
IE---正常
FF---将空行也算一个节点
NodeType---节点类型
1--元素节点
3--文本节点
绝对定位是根据有定位的父级来div定位
---最终是HTML为终极定位
firstChild--IE下用
firstElementChild--FF下可用
首尾子节点
兄弟节点
setAttribute();
getAttribute();
removeAttribute();
*代表所有标签
document.write()---清空网页内容,输出东西
window.location---读取和写窗口的位置即网址
IE---event.clientX
FF--ev.clientX
a||b---对于或运算符,先碰上那个就输出那个

六:键盘事件
事件冒泡---子级发生事件以后,将事件传递给父级。
取消冒泡事件---ev.cancelBubble=true;
onclick=onmousedown+onmouseup
onpress=onkeydown+onkeyup
ctrlkey   shiftkey  altkey
]
如果想要测试键盘的键码,直接给文档加事件,然后输出来就可以了!

即:document.onkeydown=function(ev)

{

alert(ev.keyCode);

}

JS的构造及其事件注意点总结

标签:

原文地址:http://www.cnblogs.com/jtjds/p/5246914.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!