自定义document.getElementsByName() 兼容IE Firfox

来源:互联网 发布:设计班服要用什么软件 编辑:程序博客网 时间:2024/05/01 06:48

From: http://bbs.0duinfo.com/showtopic-32-1.aspx

 

应用场景:

       1、网站后台多栏目组

       2、多标签控制

效果及代码图:      

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">        <head>        <title>            左侧菜单 LdCMS!NT 零度建站系统        </title>        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />        <link href="Css/skin.css" rel="stylesheet" type="text/css" />        <link title="零度信息港" href="http://www.0duinfo.com/" rel="index" />        <base target="main" />        <script type="text/javascript">            if (top.location == self.location) {                alert("请不要非法操作!");                top.location = "LdLogin.aspx";            }            //获取标签集,兼容IE、Firfox            function fGetElementsByName(sTag, sName) {                //非IE                var objIeTags = document.getElementsByName(sName);                if (objIeTags.length > 0) return objIeTags;                //For IE                var objIeTags = new Array();                var objIEs = document.getElementsByTagName(sTag);                for (var iIE = 0; iIE < objIEs.length; iIE++)                        if (objIEs[iIE].getAttribute("name") == sName)                                objIeTags[objIeTags.length] = objIEs[iIE];                return objIeTags;            }            //展开或隐藏指定标签(div)            function fOpenOrCloseLeftContent(iNow) {                var bIsOpen = false;                var NowLeftContent = document.getElementById("LeftContent_" + iNow);                if (NowLeftContent) bIsOpen = NowLeftContent.style.display != "none";                var aLeftContent = fGetElementsByName("div", "LeftContent");                if (aLeftContent) {                    var iC = 0;                    for (iC = 0; iC < aLeftContent.length; iC++) {                        aLeftContent[iC].style.display = "none";                    }                }                NowLeftContent.style.display = bIsOpen ? "none": "block";            }        </script>    </head>        <body>        <form name="frmLeft" method="post" action="left.aspx" id="frmLeft">            <table width="100%" border="0" cellpadding="0" cellspacing="0">                <tr>                    <td width="182" valign="top">                        <div id="container">                            <h1 class="TypeName">                                <a href="LdLoginInfo.aspx">                                    欢迎界面                                </a>                            </h1>                            <div class="TypeContent" id="LeftContent_1" name="LeftContent">                                <div class="Menu_TopLine">                                </div>                                <ul class="ContentList">                                    <li>                                        <a href="LdLoginInfo.aspx" title="系统综合数据">                                            综合数据                                        </a>                                    </li>                                </ul>                            </div>                            <h1 class="TypeName">                                <a>                                    员工信息                                </a>                            </h1>                            <div class="TypeContent" style="display:none;" id="LeftContent_2" name="LeftContent">                                <div class="Menu_TopLine">                                </div>                                <ul class="ContentList">                                    <li>                                        <a href="StaffInfoAdd.aspx?edSelf=zfj">                                            个人信息                                        </a>                                    </li>                                    <li>                                        <a href="CommentsInfo.aspx">                                            个人评论                                        </a>                                    </li>                                    <li>                                        <a href="StaffInfoList.aspx?view=zfj">                                            通讯录                                        </a>                                    </li>                                    <li>                                        <a href="StaffInfoAdd.aspx">                                            新增员工                                        </a>                                    </li>                                    <li>                                        <a href="StaffInfoList.aspx">                                            员工管理                                        </a>                                    </li>                                </ul>                            </div>                            <h1 class="TypeName">                                <a>                                    精英战报                                </a>                            </h1>                            <div class="TypeContent" style="display:none;" id="LeftContent_3" name="LeftContent">                                <div class="Menu_TopLine">                                </div>                                <ul class="ContentList">                                    <li>                                        <a href="PerformanceOrder.aspx?type=D13085CE4C61EA9A">                                            最新龙虎榜                                        </a>                                    </li>                                    <li>                                        <a href="PerformanceOrder.aspx?type=8505E354441BBE78">                                            本年龙虎榜                                        </a>                                    </li>                                    <li>                                        <a href="PerformanceOrder.aspx?type=260E5CB549C39C20">                                            本季龙虎榜                                        </a>                                    </li>                                    <li>                                        <a href="PerformanceOrder.aspx?type=9CD248D27CDC5C55">                                            本月龙虎榜                                        </a>                                    </li>                                    <li>                                        <a href="PerformanceOrder.aspx?type=6C3192A195FBD2E7">                                            本周龙虎榜                                        </a>                                    </li>                                    <li>                                        <a href="PerformanceOrder.aspx?type=34EC59E4C5D9A3E0">                                            上月龙虎榜                                        </a>                                    </li>                                    <li>                                        <a href="PerformanceOrder.aspx?type=A175EFCFF4D3487C">                                            往年龙虎榜                                        </a>                                    </li>                                </ul>                            </div>                            <!--此处省略若干项-->                            <h1 class="TypeName">                                <a>                                    退出系统                                </a>                            </h1>                            <div class="TypeContent" style="display:none;" id="LeftContent_16" name="LeftContent">                                <div class="Menu_TopLine">                                </div>                                <ul class="ContentList">                                    <li>                                        <a href="LdLoginOut.aspx?zfj=www.0duinfo.cn" title="点击注销系统" target="_top">                                            注销系统                                        </a>                                    </li>                                    <li>                                        <a href="LdLoginOut.aspx" title="点击安全退出系统" target="_top">                                            安全退出                                        </a>                                    </li>                                </ul>                            </div>                        </div>                    </td>                </tr>            </table>        </form>    </body></html> 

原创粉丝点击