js的复习01

六种数据类型

  undefined ------ 未定义         null     ------ 值为空

  number     ------ 数字            string  ------ 字符串

  boolean    ------ 布尔值(非0为true,0为false)  

  object       ------ 对象

我经常混淆的

  &&  ------ 与 都为真才可以

    ||    ------ 或 有一个为真就可

事件方法

  onblur 元素失去焦点                      onfocus 元素获得焦点                   onchange 用户改变域的内容                onclick 鼠标点击某个对象 ondblclick 鼠标双击某个对象

  onkeydown 某个键盘的键被按下   onkeyup 某个键盘的键被松开        onload 某个页面或图像被完成加载      onmousedown 某个鼠标按键被按下

  onmousemove 鼠标被移动            onmouseup 某个鼠标按键被松开   onmouseover 鼠标被移到某元素之上   onmouseout 鼠标从某元素移开

  oncontextmenu  鼠标右键点击

循环语句

var i = 0;
while (i<10) {
    i+=2;
    console.log(i);//2,4,6,8,10
}
console.log(i);//10

选择语句

var a='2';
switch (a) {
    case '0':console.log(a);break
    case '1':console.log(a);break;
    case '2':console.log(a);break;//2
}

  break      立即跳出循环,强制执行循环外边的语句

  continue 立即跳出询函,从循环顶部继续执行

arr

  push  ---  添加到数组末尾         unshift  ---  添加到数组开始  concat  ---  合并数组

  pop  ---  删除最后一项    shift  ---  删除第一项     splice(1,1)  ---  从1的位置开始向后删除1个元素

  sort  ---  小到大排列     reverse  ---  大到小排列   arr.splice(1,1,w,k)  ---  也可在删除元素的位置添加元素                       

  parseInt  ---  返回整数    parseFloat  ---  返回浮点数 

  如果解析不到数字,则返回一个NaN 非数字值

  可以用isNaN( )函数来检测,返回一个布尔值

  如果 x 是特殊的非数字值 NaN),返回的值就是 true。如果 x 是其他值,则返回 false。

scroll

  scrollTop、scrollLeft  ---  上卷,左卷距离      

  scrollWidth、scrollHeight  ---  可滚动宽高

  offsetLeft、offsetTop  ---  与父级左侧,上侧的距离

  offsetWidth、offsetHeight  ---  获取元素自身宽高(包含边框)

  clientLeft、clientTop  ---  元素内容到边框的距离(很少使用)

  clientWidth、clientHeight  ---  获取元素自身宽高(不包含边框)

json

  json字符串转化为json对象eval( '('+json2+')' )

  

//json循环
var jsn={a:8,b:18,c:28};
for (var i in jsn){
    alert(jsn[i]); //8 18 28
}

event事件对象 

  

  event对象只在事件发生的过程中才有效

  用途:需要获取和事件相关的信息时使用

//阻止默认事件
document.oncontextmenu = function(ev) { 
        var Event=ev||window.event;
        if (Event.preventDefault) {
        //阻止默认动作(W3C)
        Event.preventDefault();
        } else{
       //IE中阻止默认动作
        Event.returnValue=false;
        };
         alert('禁止使用右键!');
    }

节点

  nodeName  ---  节点名称  nodeValue  ---  节点的值

  nodeType属性返回一个整数,这个数值代表节点的类型   

    元素节点 返回 1 属性节点 返回 2 文本节点 返回 3 注释节点 返回 8 文档节点 返回 9

  childNodes:所有子节点  

  nextSibling:下一个兄弟节点          previousSibling:上一个兄弟节点

  firstChild : 第一个子节点             lastChild:最后一个子节点

  children:所有是标签类型的子节点      parentNode:父节点

  

  cloneNode(boolean) : 复制一个节点

  true:深复制,复制节点及其整个子节点树 false : 浅复制,只复制节点本身。

  

  createElement("标签名") : 创建新元素 createTextNode("") : 创建文本节点

  appendChild(node) : 末尾插入一个节点node

  insertBefore(node,targetNode) : target之前插入节点node

  replaceChild(newNode,oldNode) : new替换节点

  old removeChild(node) : 移除父节点的某个子节点

  获取节点上name属性的值 getAttribute("name")

  获取节点上type属性 getAttributeNode("type")

  设置节点上name属性的值为value setAttribute("name","value")

  删除节点上的name属性 removeAttribute("name")

原文地址:https://www.cnblogs.com/xiaohaha668/p/10692453.html