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

最新推荐文章于 2020-05-10 08:41:50 发布

theArcticOcean

最新推荐文章于 2020-05-10 08:41:50 发布

阅读量963

点赞数

分类专栏： javascript 文章标签： javascript 练习

本文链接：https://blog.csdn.net/theArcticOcean/article/details/50073337

版权

javascript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

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

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

看见那个黑白相间的背景，尝试着使用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>

注：在sum(10,20)下面的sum(2)是不会报错的。

theArcticOcean

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
javascript 小练习：隔行变色、错误处理

写下两个JS应用的小例子，隔行变色和错误处理。灵感：codeforces的用例展示，隔行换色看见那个黑白相间的背景，尝试着使用JS来练习着写一写。就是%2的简单应用：window.onload=function(){ var myli=document.getElementsByTagName('li'); for(var i=0;i<myl
复制链接

扫一扫