今天很高兴请教了一位同事 之前没怎么太深入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看到的
哥哥姐姐 你们有愿意教教我的吗 ?