js文件中JavaScript句柄问题

JavaScript012

js文件中JavaScript句柄问题,第1张

经过测试,可行!

下面是改好的代码!

<html>

<head><title>导航树例子</title>

<script language="javascript" type="text/javascript" >

function dashu(e){

if(!document.getElementById) return

if(!e) var e=window.event

whicklink=(e.target)?e.target.id:e.srcElement.id

menu=document.getElementById(whicklink+"menu")

boolean=(menu.style.display=="none")

obj=document.getElementById(whicklink)

objname=obj.firstChild.nodeValue.substring(3)

if(boolean){

menu.style.display="block"

obj.firstChild.nodeValue="[-]"+objname

}

else{

menu.style.display="none"

obj.firstChild.nodeValue="[+]"+objname

}

}

function cheshi(){

document.write("wodeshijiebushimeng")

}

</script>

</head>

<body>

<ul>

<li><a id="yonghu" href="#">[+]用户管理</a><!--主菜单-->

<ul id="yonghumenu"><li><a href="#">修改密码</a></li>

<li><a href="#">注销账号</a></li>

<li><a href="#">查看密码</a></li>

</ul>

</li>

<li><a id="bumen" href="#">[+]部门管理</a>

<ul id="bumenmenu"><li><a href="#">修改密码</a></li>

<li><a href="#">注销账号</a></li>

<li><a href="#">查看密码</a></li>

</ul>

</li>

<li><a id="xinxi" href="#">[+]信息管理</a>

<ul id="xinximenu"><li><a href="#">修改密码</a></li>

<li><a href="#">注销账号</a></li>

<li><a href="#">查看密码</a></li>

</ul>

</li>

</ul>

<form name="myform">

<input type="button" name="mybutton" id="mybutton" >

</form>

</body>

</html>

<script>

document.getElementById("yonghu").onclick=dashu

document.getElementById("bumen").onclick=dashu

document.getElementById("xinxi").onclick=dashu

document.getElementById("mybutton").onclick=cheshi

</script>

树形结构可以这样:对于每个节点,加一个filed叫做children,其值是一个array,含有所有子节点。{data:'1',children:[{data:'2',children:[]},{data:'3',children:[]}]}

在基于IE内核的其他浏览器或者Firefox都不行

个人猜测IE6/8可以运行只是恰巧跳过了某个错误的地方。

其实整个页面应该是跑不通的。

firebug中的报错信息是openwin is not defined 你检查一下openwin是不是没有初始化或者不是全局量