2019-04-16 数组(splice)、数组去重、练习-省市联动（数组方法）、练习-省市联动（json方法）、DOM（节点）、onreset、onsubmit、焦点、、确认框、BOM、全选、...

数组

清空数组
arr=[];
arr.length=0
添加数组
arr.push(10);//在数组最后添加
arr.unshift(13,12);//在数组最前添加
arr.shift();//从开头删 会返回删除元素的值
arr.pop();//从最后删 会返回删除元素的值

splice
 删除
1. 第一个参数表示index,第二个参数表示长度   arr.splice(2,1);
2.替换     arr.splice(2,1,'e')
 3.增加    arr.splice(2,0,'e');

数组去重

var arr=[1,2,1,3,4,5,6,7,8,1,2,5,8,7,4];
for(var i=0;i

二维数组

var arr=[
          [1,2,3],
          [4,5,6],
          [7,8,9]
        ]

练习-省市联动（数组方法）

        
            省份
        
        
        
            城市
        
        
    

练习-省市联动（json方法）

json  有键值对类似于集合

        
            省份
        
        
        
            城市
        
        
    

DOM（节点）

    DOM : document object model 文档对象模型
    它提供了许多获取DOM节点的方法
    document.getElementById()
    document.getElementsByTagName()
    document.getElementsByClassName()
    document.getElementsByName()
    ....
    DOM操作 -- 节点操作
children 子节点
parentNode  他会找到它本身的父节点
offsetParent 他会找到它本身的有定位父节点
offsetLeft,offsetTop：当前元素到定位父级的距离

父节点小练习

    
        

            
张三111 删除
            
张三222 删除
            
张三333 删除
            
张三444 删除
            
张三555 删除
            
张三666 删除
            
张三777 删除
            
张三888 删除
        
        
    

onreset、onsubmit

onreset      重置事件
onsubmit    提交事件

焦点

获取焦点
事件
oInp.onfocus = function(){
    this.value = '';
}
自动获取焦点函数
 oInp.focus();

失去焦点
事件
oInp.onblur = function(){
    this.value = '123';
}
函数
 oInp.blur();

确认框

confirm(1);//弹出后会有 确定跟取消,会根据选项返回true跟false

小练习-确认是否提交表单
    
        

            
            
            提交
        
        
    

BOM

全选、eval()函数

select()全选函数
 eval(str) 将字符串运算出结果,前提:字符串必须表达式

event

event 会记录页面的变化
event 浏览器兼容写法
document.onclick=function(ev){
    var ev=ev || event;
    for(attr in ev){
    console.log(attr +"," + ev[attr]);  
     }
}

跟随鼠标移动

鼠标拖拽

事件冒泡

    
按钮
    

    

事件冒泡-广告

    
    
        

            

                教程
            
        
        
    

键盘事件

// onkeydown 键盘按下
// onkeyup 键盘抬起
// ev.keyCode 会返回键盘码
// ctrlKey 键盘Ctrl按下后ctrlKey会返回true
获取键盘事件
document.onkeydown=function(ev){
    var ev=ev||event;
    alert(ev.keyCode);  //ev.keyCode 获取键盘码
}

键盘控制div移动