实例
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>JS基础</title> </head> <body> <div style="width: 300px;height: 200px;background-color: greenyellow" onmouseover="over()" onmouseleave="leave()" onclick="click()"></div> <div style="width: 300px;height: 200px;background-color: yellow;display:none;" id="div"></div> <input type="email" placeholder="邮箱" onblur="check()"> <input type="phone" placeholder="手机"> <select name="" id="" onchange="change()"> <option value="">重庆</option> <option value="">上海</option> </select> <script> var num=[1,2,3,4,5,6,7,8,9]; console.log(num); //数组最后添加元素 num.push(10); console.log(num); //在数组最前添加元素 num.unshift(0); console.log(num); //删除数组最后一个元素,事实上是取出最后一个元素 var num1=num.pop(); console.log(num); console.log('取出的最后一个元素是'+num1); //删除数组第一个元素,事实上是取出第一个元素 var num2=num.shift(); console.log(num); console.log('取出的第一个元素是'+num2); //删除指定元素 num.splice(1,2); //删除从下标1开始的两个元素 console.log(num); //js基本动画演示 function over(){ console.log('鼠标移入了'); } function leave(){ console.log('鼠标离开了') } //检查文本提示 function check(){ alert('邮箱不合法'); } function change(){ alert('值变了'); } //打开网页就跳转到另一个网页 // window.location.href="http://www.baidu.com" </script> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例