继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

javascript基础

安卓入门学习视频
关注TA
已关注
手记 267
粉丝 68
获赞 387

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表示,禁止浏览器默认验证
另:

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP