![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Correction status：Uncorrected
Teacher's comments：
Collection
Collection
<!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>Document</title></head><body><script>var arr = ['a','b','c','d']；var arr2 = [1,2,3,4,5,6];arr2.unshift(555);console.log(arr2);arr.push('h');console.log(arr);arr[8] = 'm';console.log(arr[7]);console.log(arr);var res = arr.pop();console.log(arr.shift());//弹出头部元素，php中也有类似用法arr.unshift('n');//添加头部元素console.log(arr);arr.splice(5,3);//从中间删除元素第二个参数为个数console.log(arr);console.log(arr.indexOf('y'));//查找元素的索引，查不到返回-1，php的in_array是数组是否存在此值,对应的php中的函数为strripos("Hello world!","WO")arr.indexOf('b',3);//从第4个元素开始找</script></body></html>
1.BOM操作（1）： window.location.href = “https://www.baidu.com";打开页面直接跳转
2.事件
（1）<a href='javascript:;' onclick='xxx'>//先在标签里绑定事件
onmouseover（鼠标移到某元素之上时） onmouseleave（鼠标离开某元素时） onblur（元素失去焦点时） onchange（用户该表域的内容改变时）等
（2）js中定义事件触发后的操作
function xxx() {//onclick事件触发此函数
var username = document.getElementById(‘username’).value;
…
}
3.前端判断为了界面，后端判断为了安全