4. 把JS数组相关函数案例、常用事件案例练习一遍
if
// var score = 100; // var score = 60; var score = 86; if(score<60){ alert('不及格'); } if(score>=60&&score<80){ alert('一般'); } if(score>=80&&score<90){ alert('良好'); } if(score>=90&&score<=100){ alert('优秀'); }
for
for(var i=1;i<=9;i++){ for(var j=1;j<=i;j++){ console.log( i+'x'+j+'='+i*j); } }
while
var i=1; while(i<=9){ var j=1; while(j<=i){ console.log( i+'x'+j+'='+i*j); j++; } i++; }
do while
var i=1; do { var j=1; do { console.log( i+'x'+j+'='+i*j); j++; } while(j<=i); i++; } while(j<=9);
五.强制类型转换
parseInt() 转换为整数 isNaN 判断是NaN
// var num =12; // var num ='12'; // var num ='12.122'; var num ='asdasfs'; num = parseInt(num); if(isNaN(num)){ console.log('转换失败'); } console.log(typeof(num)); console.log(num);
六.数组
var arr =[1,2,3,4,5,66,77,88]; console.log(arr);
arr.shift 从开始取出一个元素
arr.shift(); console.log(arr);
arr.unshift 从开始增加一个元素
arr.unshift('abc'); console.log(arr);
arr.push 从后面增加一个元素
arr.push('ABC'); console.log(arr);
arr.pop 从后面弹出一个元素
arr.pop(); console.log(arr);
arr.splices(取值(可做删除))(index(下标),howmany(数量)
arr.splice(1,3); console.log(arr);
arr.indexOf(searchvalue(找谁),formindex(从哪里开始找)返回的是元素真实的位置),用于关键字寻找
var res=arr.indexOf(66,6); alert(res); if(res ==-1){ alert('是两位数字') } console.log(arr);
遍历
var a=[11,22,33,44]; for(i=0;i<=a.length;i++) { console.log(a[i]); } var i=0; while(i<a.length){ console.log(a[i]); i++; }
点击跳转
location.href='https://www.php.cn';//直接打开 window.open('https://www.php.cn')//新页面跳转(有的浏览器会自动拦截窗口)类似于 <a href="https://www.php.cn" target="_blank"></a>
鼠标事件
onmouseover="over()" 鼠标滑过事件
onmouseleave="leave()" 鼠标离开事件
<div style="background: aquamarine; width: 20%; height: 20px;" onmouseover="over()" onmouseleave="leave()">
function over(){ console.log('鼠标滑过了') } function leave(){ console.log('鼠标离开了') }
鼠标失去焦点出发 校验事件
<input type="text" placeholder="22" onblur="check()" >
function check(){ alert('非法操作'); }
鼠标联动事件
<select name="" id="" onchange="change()"> <option value="1">中国</option> <option value="2">外国</option> </select>
function change(){ alert('你改变了国家'); }