JS选项卡的问题 急

Question

本帖最后由 jilei4311 于 2010-03-26 11:53:45 编辑

Answer 1

把 这段放到body结尾处试试
if (s != null) {
var menu = document.getElementById('one' + s);
var con = document.getElementById("con_" + 'one' + "_" + s);
menu.className = s == s ? "hover" : "";
con.style.display = s == s ? "block" : "none";
}

Answer 2

如果没有值的话那就不会执行if (s != null)｛｝这里的代码了

Answer 3

<div id="TabbedPanels1" class="TabbedPanels">
<div id="Tab1">
<div class="Menubox">
<ul>
<li id="one0" onclick="setTab('one',0,3)" class="hover">AA</li>
<li id="one1" onclick="setTab('one',1,3)">BB</li>
<li id="one2" onclick="setTab('one',2,3)">CC</li>
</ul>
</div>
<div class="Contentbox">
<div id="con_one_0" class="hover">
AAAAAAAAAAAAAAA
</div>
<div id="con_one_1" style="display: none">
<a href="SalesReport.aspx?sel=2">啊啊啊 </a>
<br />
<a href="SalesReport.aspx?sel=1">是是是 </a>
<br />
<a href="SalesReport.aspx?sel=1">大大大 </a> </div>
<div id="con_one_2" style="display: none">
CCCCCCCCCCCCCCC
</div>
</div>
</div>
</div>
<script>
    window.onload = function () {
        setTab('one', 0, 3);
        setTab('one', 1, 3)
        setTab('one', 2, 3)
        
    };    function setTab(name, cursel, n) {
        for (var i = 0; i < n; i++) {
            var menu = document.getElementById(name + i);
            var con = document.getElementById("con_" + name + "_" + i);
            menu.className = i == cursel ? "hover" : "";
            con.style.display = i == cursel ? "block" : "none";
        }
    }
    function getQueryString(key) {
        var value = "";        var sURL = window.document.URL;        if (sURL.indexOf("?") > 0) {
            var arrayParams = sURL.split("?");            var arrayURLParams = arrayParams[1].split("&");            for (var i = 0; i < arrayURLParams.length; i++) {
                var sParam = arrayURLParams[i].split("=");                if ((sParam[0] == key) && (sParam[1] != "")) {
                    value = sParam[1];
                    break;
                }
            }
        }
        return value;
    }    var s = getQueryString('sel');
    //var s = "1";
    if (s == "")
        var s = "1";    if (s != null) {
        var test = 'one' + s;
        var menu = document.getElementById(test);
        var con = document.getElementById("con_" + 'one' + "_" + s);        menu.className = s == s ? "hover" : "";
        con.style.display = s == s ? "block" : "none";
    }
    </script>

Answer 4

修改能够实现我想要的效果了  非常感谢xshf12345<script>
    function setTab(name, cursel, n) {
        for (var i = 0; i < n; i++) {
            var menu = document.getElementById(name + i);
            var con = document.getElementById("con_" + name + "_" + i);
            menu.className = i == cursel ? "hover" : "";
            con.style.display = i == cursel ? "block" : "none";
        }
    }
    function getQueryString(key) {
        var value = "";        var sURL = window.document.URL;        if (sURL.indexOf("?") > 0) {
            var arrayParams = sURL.split("?");            var arrayURLParams = arrayParams[1].split("&");            for (var i = 0; i < arrayURLParams.length; i++) {
                var sParam = arrayURLParams[i].split("=");                if ((sParam[0] == key) && (sParam[1] != "")) {
                    value = sParam[1];
                    break;
                }
            }
        }
        return value;
    }    var s = getQueryString('sel');
    if (s == "")
        var s = "0";    window.onload = function() {
        setTab('one', s, 3);
    };