js----treeview实例

今天很高兴请教了一位同事 之前没怎么太深入js 看到他在调试的时候 发现问题的根源 以及这个错误出现在哪里

看了他的操作真的是受益了--这些只可用心去体会 原来js只要用心去学还是会成功的

问题2:

有朋友们用ie的F12 点击后没出来 或者看不到呢?

这个问题好久了都没解决 今天终于在csdn看到一个答案:原来f12的窗口到屏幕外面去了 你自然看不到了 呵呵

由于我用的是w7 对着f12的任务栏 右击 就会看到移动按钮了 问题是不是解决了呢 朋友们

好了 下面是今天写的js代码:

html代码:

<head>
    <title></title>
    <style type="text/css">
    A{ text-decoration:none;}
    #t_sp_ment,#suppirt_ment,#contact_ment{ display:none; margin-left:2em;}
    </style>
</head>
<body>
<h1>Tree Example</h1>
<ul>
    <li><a id="t_sp" href="#">+[t_sp]</a>
        <ul id="t_sp_ment">
                <li><a href="a.htm">a1.htm</a></li>
                <li><a href="b.htm">b2.htm</a></li>
                <li><a href="c.htm">c3.htm</a></li>
        </ul>
    </li>
</ul>
<ul>
    <li><a id="suppirt" href="#">+[suppirt]</a>
        <ul id="suppirt_ment">
                <li><a href="a1.html">a1.html</a></li>
                <li><a href="b2.html">b2.html</a></li>
                <li><a href="c3.html">c3.html</a></li>
        </ul>
    </li>
</ul>
<ul>
    <li><a id="contact" href="#">+[suppirt]</a>
        <ul id="contact_ment">
                <li><a href="c1.html">c1.html</a></li>
                <li><a href="c2.html">c2.html</a></li>
                <li><a href="c4.html">c4.html</a></li>
        </ul>
    </li>
</ul>
    <script src="javascript/treeview.js" type="text/javascript"></script>
</body>
</html>


js代码:

function toggle(e){
    if (!document.getElementById) return;
    if (!e) var e = window.event;

    sp = (e.target) ? e.target.id : e.srcElement.id; //谁被点击了
    obj = document.getElementById(sp+"_ment");
    visble = (obj.style.display == "block");
    key = document.getElementById(sp);
    keyname = key.firstChild.nodeValue.substring(3);
    if (visble) {
        obj.style.display ="none";
        key.firstChild.nodeValue = "[+]" + keyname;
    }
    else {
        obj.style.display ="block";
        key.firstChild.nodeValue = "[-]" + keyname;
    }
}
document.getElementById("t_sp").onclick = toggle;
document.getElementById("suppirt").onclick = toggle;
document.getElementById("contact").onclick = toggle;


 

最后说声vs2010调试js 就跟我们调试c#代码一样在js前面加上 debugger;   是不是很实用呢? 其实我也是遇在csdn看到的

哥哥姐姐 你们有愿意教教我的吗 ?

阅读更多
个人分类: Jvascript
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭