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

来源:互联网 发布:网络直播紫菱真实姓名 编辑:程序博客网 时间:2024/05/17 03:28

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

灵感:codeforces的用例展示,隔行换色

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

就是%2的简单应用:

<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title></title></head><body><script>window.onload=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)是不会报错的。


0 0
原创粉丝点击