JS数组函数和常见事件 20191022
程序员文章站
2022-03-11 14:15:25
...
实例
<!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>运行实例 »
点击 "运行实例" 按钮查看在线实例
下一篇： PHPstudy新版使用20190829
推荐阅读