订阅汇聚素材网Feed

必备的javascriptr基础知识

下面分类了解JS中必备的知识也是必须要了解学会的!看一看你是否已经将JS的基础知识都了如指掌了呢?

事件:
  • onmousedown 鼠标按下
  • onmouseup   鼠标抬起
  • onmouseover  鼠标移入
  • onmouseout   鼠标移除
  • onmousemove 鼠标移动
  • onclick       点击事件
  • onfocus      获得焦点
  • onblur                 失去焦点
  • oncontextmenu        鼠标右键
  • onsubmit   表单提交//不会有冒泡的,坑
  • onkeydown        键盘按下
  • onkeyup                键盘抬起
  • onload                页面加载
  • onscroll                页面滚动
  • onresize                窗口大小变化
  • 鼠标滚轮事件onmousewheel DOMMouseScroll
  • 输入框中value改变触发的事件onreadystatechange
  • attachEvent事件绑定(IE)addEventListener 事件绑定(标准)
  • event对象
  • clientX/clientY  鼠标当前窗口的位置
  • 取消冒泡cancelBubble
  • 键盘键值keyCode     特殊的键值Event altKey、ctrlKey、shiftKey
  • 阻止默认事件preventDefault()return false
DOM操作:
  • getElementById        获取ID元素
  • getElementsByTagName                获取tag类元素
  • childNodes                子节点 特殊浏览器包括默认的文本节点(换行等……)
  • children                        子节点
  • firstChild/firstElementChildlastChild/lastElementChild兄弟节点
  • nextSibling/nextElementSiblingpreviousSibing/previousElementSibing
  • parentNode 父节点
  • offsetParent        有定位属性的父节点
  • nodeType                节点类型
  • offsetWidth        元素的宽度(包括padding和border)
  • offsetHeight        元素的高度(包括padding和border)
  • clientWidth        可视区宽度
  • clientHeight        可视区高度
  • createElement                创建dom节点
  • appendChild                插入子节点
  • insertBefore                在子节点的第一个前面插入
  • removeChild                删除子节点
  • replaceChild                替换节点 并返回被替换元素
BOM操作:
  • window.open()
  • window.close()
  • window.location
  • window.location.search
  • window.location.hash
  • window.navigator.userAgent
js基础:
判断
  • if else
  • switch case
  • ? :
循环
  • for
  • for in
  • while
跳出循环
  • continue
  • break
比较undefined null  === == !
定时器类
  • setTimeout
  • clearTimeout
  • setInterval
  • clearInterval
参数集合
arguments
调回THIS指向
  • call
  • apply
  • callee
数组和数组操作
  • var arr = [];
  • var arr = new Array();
  • push
  • pop
  • shift
  • unshift
  • splice
  • join
  • sort
  • concat
字符串操作
  • split
  • substring
  • indexOf
  • charAt
正则
  • var re = //;
  • var re = new RegExp();
  • search
  • match
  • test
  • replace
量词:
{n,m} + * ?字符类: [^0-9]标识: i g首尾: ^ $转义: \d \s \b \w
JS时间
  • var oDate = new Date();
  • getHours()
  • getMinutes()
  • getSeconds()
  • getFullYear()
  • getDay()
  • getDate()
  • setDate()
图片预加载
var oImg = new Image();
JS运动类的应用
  • 匀速运动
  • 缓冲运动
  • 弹性运动
  • 碰撞运动
  • 运动框架编写/使用
常用方法:
  • getByClass()
  • getStyle()
  • posLeft()
  • veiwHeight()
  • documentHeight()
  • scrollY()
  • first()
  • last()
  • next()
  • pre()
常用的JS操作应用
  • 加开关:bBtn
  • 加索引:index
  • 枚举
  • 递归
  • 迭代
  • 定时器
  • alert/console.log测试
Math函数应用:
  • max
  • min
  • abs
  • random
  • ceil
  • floor
  • round
4 人Likes
  

文章转载请注明:必备的javascriptr基础知识-汇聚素材网

本文固定链接:http://www.webhj.com/hj-434.html  +复制链接

必备的javascriptr基础知识:等您坐沙发呢!

发表评论

*

*

6 + 0

快捷键:Ctrl+Enter
0全站搜索 1 设计 2 素材 3 教材 4 WEB 5 电子书籍