前端第十二课：javascript基础1-PHP培训九期线上班

数组

var arr = ['a','b','c','d'];
不要随便修改下标，长度是最大下标+1

在数组尾部追加一个元素

arr.push('e'); ，返回数组长度

从数组尾部弹出一个元素

arr.pop(); ，返回弹出的元素

在数组头部追加一个元素

arr.unshift('e'); ，返回数组长度

从数组头部弹出一个元素

arr.shift(); ，返回弹出的元素

从数组中间删除元素

arr.splice(1,2); ，从第2个元素开始，删除2个元素

寻找数组中的一个元素

arr.indexOf('a'); ，返回此元素下标，如果查不到返回-1
arr.indexOf('a',2); ，从第3个元素开始往后找

事件

页面跳转

//window.location.href='https://www.baidu.com';
//window.open('https://www.baidu.com');

鼠标事件

<body>
    <div><input type="text" id="username" placeholder="请输入用户名" onblur="cc()"></div>
    <div><input type="password" id="pwd" placeholder="请输入密码"></div>
    <div id="mydiv" onmouseover="aa()" onmouseleave="bb()">鼠标事件</div>
    <div>
        <select id="province" onchange="dd()">
            <option value="1">安徽</option>
            <option value="2">北京</option>
            <option value="3">山东</option>
            <option value="4">浙江</option>
        </select>
    </div>
    <script type="text/javascript">
        function dd(){
            var val = document.getElementById('province').value;
            alert('当前选择的是：'+val);
        }
        function aa(){
            //console.log('鼠标移上来了');
            document.getElementById('mydiv').style.color='red';
        }
        function bb(){
            //console.log('鼠标移走了');
            document.getElementById('mydiv').style.color='black';
        }
        function cc(){
            var username = document.getElementById('username').value;
            if(username==''){
                alert('请输入你的用户名');
            }
        }
        function submits(){
            var username = document.getElementById('username').value;
            var pwd = document.getElementById('pwd').value;
            if(username==''){
                alert('请输入用户名');
                return;
            }
            if(pwd ==''){
                alert('请输入密码');
                return;
            }
            alert('用户名：'+username+' 密码:'+pwd);
        }
    </script>
</body>

数组