javascript的基础知识

Posted 2020-12-08 zxa2020

 1 onmousedown //鼠标按下
 2 onmouseup   //鼠标抬起
 3 onmouseover  //鼠标移入
 4 onmouseout   //鼠标移除
 5 onmousemove //鼠标移动
 6 onclick       //点击事件
 7 onfocus      //获得焦点
 8 onblur                 //失去焦点        
 9 oncontextmenu        //鼠标右键
10 onsubmit   //表单提交//不会有冒泡的，坑
11 onkeydown        //键盘按下
12 onkeyup                //键盘抬起
13 onload                //页面加载
14 onscroll                //页面滚动
15 onresize                //窗口大小变化        
16 onmousewheel DOMMouseScroll //鼠标滚轮事件
17 onreadystatechange  //输入框中value改变触发的事件
18 attachEvent //事件绑定（IE）
19 //addEventListener /事件绑定（标准）
20 event //对象
21 clientX/clientY  //鼠标当前窗口的位置
22 cancelBubble //取消冒泡
23 //键盘键值keyCode     特殊的键值Event altKey、ctrlKey、shiftKey
24 preventDefault()return false //阻止默认事件

DOM操作:

 1 getElementById        //获取ID元素
 2 getElementsByTagName               // 获取class类元素
 3 childNodes                //子节点 特殊浏览器包括默认的文本节点（换行等……）
 4 children                        //子节点
 5 firstChild/firstElementChildlastChild/lastElementChild//兄弟节点
 6 nextSibling/nextElementSiblingpreviousSibing/previousElementSibing
 7 parentNode      //父节点
 8 offsetParent        //有定位属性的父节点
 9 nodeType                //节点类型
10 offsetWidth        //元素的宽度（包括padding和border）
11 offsetHeight        //元素的高度（包括padding和border）
12 clientWidth        //可视区宽度
13 clientHeight        //可视区高度
14 createElement_x                //创建dom节点
15 a                //插入子节点
16 insertBefore                //在子节点的第一个前面插入
17 removeChild                //删除子节点
18 replaceChild                //替换节点 并返回被替换元素

BOM操作:

1 window.open()        
2 window.close()
3 window.location
4 window.location.search
5 window.location.hash
6 window.navigator.userAgent

js基础:

判断

 

1 if else
2 switch case
3 ? :

 

循环

1 for
2 for in
3 while

跳出循环

1 continue
2 break

比较undefined null  === == !
定时器类

setTimeout
clearTimeout
setInterval
clearInterval

参数集合

1 arguments

调回THIS指向

1 call
2 apply
3 callee

数组和数组操作

 1 var arr = [];
 2 var arr = new Array();
 3 push                              
 4 pop
 5 shift
 6 unshift
 7 splice
 8 join
 9 sort
10 concat

字符串操作

1 split
2 substring
3 indexOf
4 charAt

正则

1 var re = //;
2 var re = new RegExp();
3 search
4 match
5 test
6 replace
//量词
{n,m} + * ?字符类: [^0-9]标识: i g首尾: ^ $转义: d s  w

JS时间

1 var oDate = new Date();
2 getHours()
3 getMinutes()
4 getSeconds()
5 getFullYear()
6 getDay()
7 getDate()
8 setDate()