var aH2 = oMenu.getElementsByTagName('h2')//获取所有h2标签
var aUl = oMenu.getElementsByTagName('ul')//获取所有ul标签
for(var i=0 i<aH2.length i++){//根据H2标签的长度开始循环
aH2[i].index = i//这一句是设置当前H2标签的索引
aH2[i].onclick = function(){//这一句是为当前的H2标签添加点击事件
for(var i=0 i<aUl.length i++){//H2被点击后,开始根据aUL的长度开始循环
if(i==this.index){//i等于当前UL标签的索引
if(aUl[this.index].style.display == 'block'){//如果当前的UL是显示状态
aUl[this.index].style.display = 'none'//设置成隐藏状态
aH2[this.index].className="active11"//并修改H2标签的样式为active11
}else{//下面的就不解释了 很简单
aUl[this.index].style.display = 'block'
aH2[this.index].className="active"
}
}else{
aUl[i].style.display = 'none'
aH2[i].className="active11"
既然是值得一读的JS代码,那么肯定是能提高工作效率、提升开发水平的代码。下面给大家推荐一部分值得一读的代码:1.用IE重起计算机或者关机,代码如下:
<script language="JavaScript">
var Application=new ActiveXObject('Shell.Application.1')
</script>
<button οnclick=Application.ShutdownWindows()>关机</button><br>
<button οnclick=Application.Suspend()>挂起</button>
2.一种在父窗口中得知 window.open()出的子窗口关闭事件的方法(定时器实现) ,代码如下:
</script>
<input type=button name=btnOpen value=open>
<script language=javascript for=btnOpen event=onclick>
document.fm_Info.txtValue.value=""
winOpen=window.open("child.htm","","toolbar=no, location=no, directories=no, status=no, menubar=no" )
timer=window.setInterval("IfWindowClosed()",500)
</script>
3.用javascirpt在<TEXTAREA>中插入元素(光标位置),代码如下:
<SCRIPT>
function storeCaret (textEl) {
if (textEl.createTextRange)
textEl.caretPos = document.selection.createRange().duplicate()}
function insertAtCaret (textEl, text) {
if (textEl.createTextRange &&textEl.caretPos) {
var caretPos = textEl.caretPos
caretPos.text =caretPos.text.charAt(caretPos.text.length - 1) == ' ' ?text + ' ' : text}else
textEl.value = text
</SCRIPT>
每个前端开发者的出发点不同,选择读取的代码肯定也有所不同。根据自己欠缺的方向,找准对应的优秀开源项目,才能提升代码水平。