1、Date对象
getFullYear() 显示年数(四位如:2017)
getMouth() 显示月
getDay() 显示天
getHours() 显示小时
toLocalString() 返回一个 包含了用当前区域设置的默认格式表示的日期(包含所有)
toLocalDateString() 返回一个 包含了用当前区域设置的精确到天的日期
toLocalTimeString() 返回一个 包含了用当前区域设置的精确到毫秒的时间
另:getTime() 将时间转化为毫秒;
2、计时器
添加计时器:
[window].setInterval("函数",时间) -----不断循环,如果函数本身也在循环当中,则会以“时间”为幂次级加快速度;
[window].setTimeout("函数",时间) -----执行一次
删除计时器:
clearInterval(函数)
clearTimeout(函数)
3、String /字符串 对象
属性
length 字符串长度
constructor 对创建该对象的函数引用
prototype 允许向对象添加属性和方法
方法
charAt(n) 返回在指定位置上的字符 n=0,1,2,3......
charCodeAt(n) 返回指定位置的字符unicode编码
concat(xx,xx) 连接多个字符串
fromCharCode(n) 将unicode码转化为字符
indexOf(X,[start]) 返回指定字符在字符串中的位置,如未找到则返回“-1”
slice(n1,[n2]) 截取n1~n2之间的部分,包含n1不包含n2,当值为负数时表示从尾端开始,即-1
split(separator,[howmany]) 从指定位置分割长度不超过howmany的字符串/ 正则表达式
substr( strat,[length]) 在字符串中抽取从start下标开始的指定数目的字符
substring(from,[to]) 提取from和to9(不含)之间的字符,其不接受负值
4、Array/数组 对象
content()连接多个
pop() 删除并返回数组最后一个元素
shift() 删除并返回数组第一个元素
push() 添加元素,末尾
unshift() 添加元素,始端
splice(index、n、[item、itemX]) 从index位置开始,删除/添加/插入n(n>0表示删除;n=0表示添加)元素,当表示插入时,item表示插入的内容,itemX表示放如index位置;
reverse() 颠倒顺序
join() 转换为字符串
sort() 排序从1~9/a~z;若对两位数以上的数字排序,需要加函数,如:
function list(a、b){returnb-a;}
5、Dom(Document Object Model)
获取属性:getArrtribute('X')
设置新属性:getArrtribute('X','Y')Y为新属性,X为旧属性
找子节点(其中,空格/回车都占有空间/元素/节点):
ChildNodes() 获取子元素
firstChild/lastChild() 获取首/末子元素
Children() 获取子元素 --不包含空节点
firstElementChild/lastElementChild 获取子节点不包含第一个/最后一个子元素
找父节点:
parentnode 获取父节点
找兄弟节点
previousSibling 获取前一个元素/节点
nexSibling 获取后一个元素/节点
同样,忽略空白时,用element,即:
previousElenmentSibling 与nexElementSibling
offsetParent 第一个有定位属性的父节点,若无则一直向上找,直至body
创建节点:
document.creatElement('X'),如:var input=document.creatElement('X')
插入节点:
obj.appendChild(X)给obj加子节点X
insertBefore(X、Y)把X插入Y的前面
移除节点:
obj.removeChild(X)把obj中的X移除
替换元素节点:
obj.replaceChild(新,旧) 输入时先加新的,在输如旧的
6、捕获/冒泡事件
捕获和冒泡:
事件捕获:事件发生时(onclick,onmouseover……)首先发生在document上,然后依次传递给body等,最后到达目的节点(即事件目标);
事件冒泡:事件到达事件目标之后不会结束,会逐层向上冒泡,直至document对象,跟事件捕获相反;
如果addEventListener的最后一个参数是true, 那么处理函数将在捕获阶段被触发; 否则(false), 会在冒泡阶段被触发阻止冒泡:
even.stopPropagation() 阻止冒泡
even.preventDefault() 阻止默认事件(即,使元素失去自身功能)
Dom绑定事件
当用户触发某事件时,需要让浏览器触发其他事件时,就会绑定事件,如未绑定,则浏览器无视触发事件;
1.在DOM元素中直接绑定
即 事件=“函数”
如,在原生代码中:<input onclick="alert('谢谢')" type="button" value="点击我" />
2.js代码中绑定
elementObject.onXX=function(){
//事件处理代码
}
elementObject为dom对象,onXX为事件名称
3.帮定事件监听函数
绑定事件的另一种方法是用 addEventListener() 或 attachEvent() 来绑定事件监听函数
W3C规范中定义了3个事件阶段,依次是捕获阶段、目标阶段、冒泡阶段
addEventListener()函数语法 :
elementObject.addEventListener(eventName,handle,useCapture)
elementObject是DOM对象;
eventName是事件名称(这里的事件名称没有“ on ”,如鼠标单击事件即click);
handle是事件句柄函数(函数名),即用来处理事件的函数;
useCapture是Boolean类型,是否使用捕获,一般用false,可选。
*
attachEvent()函数语法:
elementObject.attachEvent(eventName,handle)
elementObject是DOM对象;
eventName是事件名称(这里的事件名称有“ on ”,如鼠标单击事件即onclick);
handle是事件句柄函数(函数名),即用来处理事件的函数;
事件监听的优点是:可绑定多个事件,常规绑定只执行最后一个事件;可解除相应的绑定,如:removeEventListener("事件",函数)即可解除;
另:[] 表示可选;
另:一般在js中,加载顺序与放置js顺序不一时,可能会出现“未找到某某属性”的问题,所以一般在其前加window.onload=xx;
另:trim() 表示去掉两端空格;
另:<form>中,novalidate表示,禁止浏览器默认验证
另: