javascript 小练习：隔行变色、错误处理

原创

胡桃小孩儿 2022-08-09 18:12:38 博主文章分类：javascript ©著作权

文章标签 javascript 练习 html 错误处理 js应用 文章分类 运维

©著作权归作者所有：来自51CTO博客作者胡桃小孩儿的原创作品，请联系作者获取转载授权，否则将追究法律责任

写下两个JS应用的小例子，隔行变色和错误处理。

灵感：codeforces的用例展示，隔行换色

javascript 小练习：隔行变色、错误处理_错误处理

看见那个黑白相间的背景，尝试着使用JS来练习着写一写。

就是%2的简单应用：

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
window.οnlοad=function(){
    var myli=document.getElementsByTagName('li');
    for(var i=0;i<myli.length;i++){
        if(i%2==0){
            myli[i].style.background='#aaa';
        }
        else myli[i].style.background='';
    }
}
</script>
</body>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</html>

另一个练习，Js的错误处理，即try-throw-catch语句，挺像java的。

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>my test</title>

</head>
<body>
<script>
function sum( arg1, arg2 ){
    var realArgCount = arguments.length;
    var frmArgCount = sum.length;
    document.write(realArgCount+" "+frmArgCount);
    if( realArgCount <  frmArgCount ){
         var e = new Error();
         e.number = 100001;            // 错误编号
         e.message = "实际参数个数不符合要求！";    // 错误消息
         throw e;                // 抛出异常
    }
    try
    {   //在try语句里发生错误throw e
        document.write( "<p><h1>arguments对象测试</h1></p>" );
        document.write(sum(10));
    }
    catch(e){
        alert(e.number+"错误号："+e.message);
    }
}
sum(10,20);
//sum(2);
</script>
</body>
</html>