javascript基础

1、Date对象

getFullYear() 　显示年数（四位如：２０１７）
getMouth()  　显示月
getDay()　显示天
getHours()　显示小时

toLocalString()　返回一个 包含了用当前区域设置的默认格式表示的日期（包含所有）
toLocalDateString()　返回一个 包含了用当前区域设置的精确到天的日期
toLocalTimeString()　返回一个 包含了用当前区域设置的精确到毫秒的时间
另：getTime() 将时间转化为毫秒；

２、计时器

添加计时器：

• [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表示，禁止浏览器默认验证
另：