033-12月17日-JS第2节-数组、事件等

数组的一些方法：

<!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.前端判断为了界面，后端判断为了安全

数组的一些方法：

事件等

相关文章