收藏
查无此人批改状态：合格
老师批语：完成的不错
把JS数组相关函数案例、常用事件案例练习一遍：
//数组以及数组常用函数 var arr=[1,3,5,7,9]; //arr[下标]可以直接取出数组中的数据 console.log(arr[3]);
//array.push();往数组最后添加一个元素
var arr=['a','b','c'];
var res=arr.push('d');
console.log(res);
console.log(arr);//array.pop();往数组最后弹出一个元素 var arr=['a','b','c']; var res=arr.pop(); console.log(res); console.log(arr);
//array.shift();往数组最前面开始删除第一个元素 var arr=['a','b','c']; var res=arr.shift(); console.log(res); console.log(arr);
//array.unshift();往数组最前面开始添加一个元素，返回新的数组
var arr=['a','b','c'];
var res=arr.unshift('abc');
console.log(res);
console.log(arr);//array.splice(index,howmany);删除数组中的元素，index：从哪里开始删,下标ID，howmany：删多少个元素 var arr=['a','b','c','d']; var res=arr.splice(1,2); console.log(res); console.log(arr);
//array.indexOf(searchvalue,fromindex) 注意indexOf里的O是大写;
// 查找某个元素在数组中的下标。searchvalue：要查找的元素，fromindex：从哪里开始搜索,可以搜到返回下标ID，搜不到返回-1
var arr=['a','b','c','d'];
var res=arr.indexOf('b',2);
console.log(res);
console.log(arr);
console.log(arr.length);//返回数组的长度常用事件案例：
window.location.href='https://www.baidu.com'; //直接跳转一个新的页面
window.open('https://www.baidu.com');
//新窗口打开一个新的页面鼠标划入划出事件：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div onmouseover="over()" onmouseleave="leave()"><h1>我是一段文字</h1></div>
</body>
</html>
<script>
function over() {
console.log('鼠标划上来了');
}
function leave() {
console.log('鼠标跑掉了');
}
</script>焦点和值改变事件：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="text" placeholder="请输入用户名" onblur="checks()">
<select onchange="change()">
<option value="1">四川</option>
<option value="2">广东</option>
</select>
</body>
</html>
<script>
function checks() {
console.log('用户名格式不正确');
}
function change() {
console.log('请注意值已经改变了');
}
</script>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
