数组常用增删函数，页面鼠标事件交互与表单值更改事件 - 第九期线上班 20191218

数组增删

    var arr =['a','b','c','d'];
//    末尾添加元素，push元素会返回新的数组长度
    arr.push('e','f','g','h','i');
    console.log(arr);
//   在数组头部添加元素
    arr.unshift('z','1','2','3');
    console.log(arr);
//   删除数组中最后一个元素，并返回这个元素
    console.log(arr.pop());
//   弹出后数组的最后一位会被移除
    console.log(arr);
//   删除数组中第一个元素，并返回这个元素
    console.log(arr.shift());
    console.log(arr);
//    push和unshift 一次可以添加多个元素，但是删除一次只能删除一个，
//    如果要删除多个，可以使用数组切割函数splice(起始切割位置，切割数量)，返回被切割的数组元素
    console.log(arr.splice(2,3));
    console.log(arr); 
//  查找数组元素indexOf函数，该方法只会返回第一个匹配到的数组元素的位置，如果没有匹配元素，返回-1
    console.log(arr.indexOf('c'));

页面鼠标事件交互与表单值更改事件

<input type="text" id="user" onblur="check()" placeholder="请输入用户名">
<button type="button" onclick="myClick()">按钮</button>
<div style="width:100px;height:100px;background:#000" onmouseover="myMouseOver()" onmouseout="myMouseOut()"></div>
<select id="cities" onchange="mySelect()">
    <option value="请选择">请选择</option>
    <option value="北京">北京</option>
    <option value="上海">上海</option>
    <option value="广东">广东</option>
    <option value="深圳">深圳</option>
</select>

function check(){
        var user = document.getElementById('user').value;
        //提示用户如果用户名为空则弹出窗口
        if(user == ''){
            alert('输入用户名');
        }
    }
    function myClick(){
        alert('我被点击了');
    }
    function myMouseOver(){
        alert('鼠标经过了');
    }
    function myMouseOut(){
        alert('鼠标划出了');
    }
    function mySelect(){
        var select = document.getElementById('cities').value;
        alert('当前选择的是'+select);
    }