博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

getElementsByTagName用法及如何动态指定事件处理函数(包含带参数的函数) [

Posted on 2012-09-10 19:01  code_Craftsman  阅读(242)  评论(0)  编辑  收藏  举报

<html>
<head>
<title>测试</title>
<script type="text/javascript">
   
    function _onload2(){
        var aObject = document.getElementsByTagName("a");
       
        for(var i=0;i<aObject.length;i++){
            //alert(aObject[i].id.toString());
            //alert(aObject[i].href.toString());
            //alert(aObject[i].innerHTML);
           
            aObject[i].onclick= Test; //指定不带参数的事件
            //指定带参数的事件
            aObject[i].onclick = new Function("Test2('" + aObject[i].innerHTML + "');return false;");
            if (i==0)
            {
                aObject[i].onclick();//模拟第一个链接的onClick事件
            }
        }   
    }
    function Test(){
        alert("innerHtml:" + this.innerHTML + ",id:" + this.id + ",href:" + this.href);
        return false;
    }
    function Test2(sName){
        alert("Hello," + sName + "!");
        return false;
    }
</script>
</head>
<body onload="_onload2()">
<a href="http://www.baidu.com" id="link1">baidu</a>
<a href="http://www.google.com" id="link2">google</a>
<a href="http://www.yahoo.com" id="link3">yahoo</a>
</body>
</html>