javascript数组与事件--php培训九期线上班

javascript数组与事件

<div>
    <input type="text" id="intext" value="" name="intext" placeholder="输入你的成绩">
    <p id="on" onmousemove="on1()"  >在鼠标指针移动到笑脸图片是触发。</p>
    <p id="on2"  onmouseout="on2()"> 在鼠标指针移出笑脸图片是触发.</p>
    <p id="on3"  oncontextmenu="right()" ondblclick="dbclick()">用鼠标右键点击我,然后再双击我取消.</p>
    <button onclick="click1()" id="click1">点击取消上面文字背景色</button>
    <select name="chose" id="chose" onchange="onc()">
        <option value="1">四川</option>
        <option value="2">广州</option>
        <option value="3">浙江</option>
        <option value="4">安徽</option>
        <option value="5">山东</option>
        <option value="6">广西</option>
    </select>
</div>
     <script >
         // onchange 事件会在域的内容改变时发生
         function onc() {
          alert(document.getElementById('chose').value);
         }
         // onmouseover 事件会在鼠标指针移动到指定的元素上时发生
function on1() {
      document.getElementById('on').style.background='blue';
}
         // onmouseout 在鼠标指针移出指定的对象时执行Javascript代码
function on2() {
document.getElementById('on2').style.fontWeight='bold';
    document.getElementById('on2').style.background='red';
}
         // onclick    当用户点击某个对象时调用的事件句柄。
function click1() {
    document.getElementById('on').style.background='#fff';
    document.getElementById('on2').style.background='#fff';
}
         // 在用户点击鼠标右键打开上下文菜单时触发
function right() {
document.getElementById('on3').style.background='yellow';
}
         // 用户双击某个对象时调用的事件
function dbclick() {
document.getElementById('on3').style.background='#fff';
}
         // JavaScript Array 对象创建和赋值
    var  cars=['a','b','c','d','e'];
         // 向数组的末尾添加一个或更多元素
         cars.push('f','g');
         console.log(cars);
         // 删除数组的最后一个元素并返回删除的元素。
         cars.pop();
         console.log(cars);
         // 删除并返回数组的第一个元素。
         cars.shift();
         console.log(cars);
         // 向数组的开头添加一个或更多元素
         cars.unshift('5','6');
         console.log(cars);
         // 在数组中添加或删除元素 - splice()
         cars.splice(2,3,'ee','ff','hhh','fsf');
         console.log(cars);
    </script>