学习javascript必须掌握的基础知识

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

鼠标滚轮事件 onmousewheel DOMMouseScroll
输入框中 value 改变触发的事件 onreadystatechange
attachEvent 事件绑定(IE)addEventListener 事件绑定(标准)
event 对象
clientX/clientY 鼠标当前窗口的位置
取消冒泡 cancelBubble
可视区宽度 可视区高度
创建 dom 节点 插入子节点 在子节点的第一个前面插入 删除子节点 替换节点 并返回被替换元素
BOM 操作:
window.open() window.close() window.location window.location.search window.location.hash window.navigator.userAgent
面向对象:
什么是面向对象? 引用类型是什么意思? 原型是什么? 面向对象怎么写? 继承采用的方式? this 指向理解?
数组的概念
能够理解数组的概念 能够应用普通数组,对象数组,函数数组等等。
回调函数的概念
能够使用回调函数
调回 THIS 指向
call apply callee
数组和数组操作
var arr = []; var arr = new Array(); push pop shift unshift splice join sort concat
字符串操作
split substring indexOf charAt
onmousemove 鼠标移动
onclick 点击事件
onfocus 获得焦点
onblur
失去焦点
oncontextmenu 鼠标右键
onsubmit 表单提交//不会有冒泡的,坑
onkeydown 键盘按下
onkeyup
键盘抬起
onload
页面加载
onscroll
页面滚动
onresize
窗口大小变化
JS 运动类的应用
匀速运动
缓冲运动 弹性运动 碰撞运动 运动框架编Leabharlann Baidu/使用
Math 函数应用:
max min abs random ceil floor round
ajax 内容(通过 jQuery 实现即可)
什么是 ajax? post 和 get 的区别? 发送数据是什么样的? 返回数据是什么样的? ajax 的编写步骤? json 怎么取?
parentNode 父节点
offsetParent 有定位属性的父节点
nodeType
节点类型
offsetWidth 元素的宽度(包括 padding 和 border)
offsetHeight 元素的高度(包括 padding 和 border)
clientWidth clientHeight createElement appendChild insertBefore removeChild replaceChild
好多人想要学习前端……自学或者培训那么我们在学习过程中到底需要掌握那些基础知识呢! 下面分类了 JS 中必备的知识也是必须要了解学会的!看一看你是否已经将 JS 的基础知识都 了如指掌了呢?
事件:
onmousedown 鼠标按下
onmouseup 鼠标抬起
onmouseover 鼠标移入
onmouseout 鼠标移除
正则
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()
子节点 特殊浏览器包括默认的文本节点(换行等……)
children
子节点
firstChild/firstElementChildlastChild/lastElementChild 兄弟节点
nextSibling/nextElementSiblingpreviousSibing/previousElementSibing
键盘键值 keyCode 特殊的键值 Event altKey、ctrlKey、shiftKey
阻止默认事件 preventDefault()return false
DOM 操作:
getElementById 获取 ID 元素
getElementsByTagName
获取 class 类元素
childNodes
js 基础:
判断
if else switch case ?:
循环
for for in while
跳出循环
continue break
比较 undefined null === == ! 定时器类
setTimeout clearTimeout setInterval clearInterval
参数集合 arguments
图片预加载
var oImg = new Image();
常用方法:
getByClass() getStyle() posLeft() veiwHeight() documentHeight() scrollY() first() last() next() pre()
常用的 JS 操作应用
加开关:bBtn 加索引:index 枚举 递归 迭代 定时器 alert/console.log 测试
相关文档
最新文档