博客列表 >把JS数组相关函数案例、常用事件案例练习一遍

把JS数组相关函数案例、常用事件案例练习一遍

月迎下弦的博客
月迎下弦的博客原创
2019年10月23日 19:10:501003浏览

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('你改变了国家');
    }





声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议