87,922
社区成员
发帖
与我相关
我的任务
分享onClick事件失效，不知问题出在哪，菜鸟求解，代码如下，
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>kangzhang</title>
<link type="text/css" charset="utf-8" href="../css/kz.css" rel="stylesheet" />
<script type="text/javascript" src="../js/kz.js"></script>
</head>
<body>
<!--wai-->
<div class="da">
<!--nei-1-->
<div class="ku1">
<div class="img"><img src="../img/tou.png" style="width:100px; height:100px;"></div>
<div class="kj"><br/><br/><b>我的空间</b></div>
</div>
<!--nei-2-->
<div class="nei2" >
<!--菜单栏-->
<div class="cai">
<b>
<p><a href="#" style="text-decoration:none;" onClick="onk(1,4);">我的首页</a></p>
<p><a href="#" style="text-decoration:none;" onClick="onk(2,4);">我的日志</a></p>
<p><a href="#" style="text-decoration:none;" onClick="onk(3,4);">我的相册</a></p>
<p><a href="#" style="text-decoration:none;" onClick="onk(4,4);">我的留言板</a></p>
</b>
</div>
<div class="you">
<div id="xianshi1">
<div class="sy">
<b>
昵称：JENEY<br/>
兴趣爱好：哈哈啊哈啊哈哈哈哈哈<br/>
<img src="../img/untitled.png" style="width:100px; height:100px;">
</b>
</div>
</div>
<div id="xianshi2" style="display:none;">这是我的日志</div>
<div id="xianshi3" style="display:none;">这是我的相册</div>
<div id="xianshi4" style="display:none;">留言板</div>
</div>
</div>
<!--nei3-->
<div class="nei3"><marquee>热烈庆祝抗战胜利。。。。。。。。</marquee></div>
</div>
</body>
</html>
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
//JS
//业务方法主页
function Onk(x,y){
yinc("xianshi",y);
xian("xianshi",x);
}
//功能性方法。隐藏Div
function yinc(Name,y){
for(var i = 1; i <= y; i++){
document.getElementById(Name+i).style.display="none";
}
}
//功能性方法，显示Div
function xian(Name,x){
document.getElementById(Name+x).style.display="block";
}
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>kangzhang</title>
<link type="text/css" charset="utf-8" href="../css/kz.css" rel="stylesheet" />
<script type="text/javascript" src="../js/kz.js"></script>
</head>
<body>
<!--wai-->
<div class="da">
<!--nei-1-->
<div class="ku1">
<div class="img"><img src="../img/tou.png" style="width:100px; height:100px;"></div>
<div class="kj"><br/><br/><b>我的空间</b></div>
</div>
<!--nei-2-->
<div class="nei2" >
<!--菜单栏-->
<div class="cai">
<b>
<p><a href="#" style="text-decoration:none;" onClick="onk(1,4);">我的首页</a></p>
<p><a href="#" style="text-decoration:none;" onClick="onk(2,4);">我的日志</a></p>
<p><a href="#" style="text-decoration:none;" onClick="onk(3,4);">我的相册</a></p>
<p><a href="#" style="text-decoration:none;" onClick="onk(4,4);">我的留言板</a></p>
</b>
</div>
<div class="you">
<div id="xianshi1">
<div class="sy">
<b>
昵称：JENEY<br/>
兴趣爱好：哈哈啊哈啊哈哈哈哈哈<br/>
<img src="../img/untitled.png" style="width:100px; height:100px;">
</b>
</div>
</div>
<div id="xianshi2" style="display:none;">这是我的日志</div>
<div id="xianshi3" style="display:none;">这是我的相册</div>
<div id="xianshi4" style="display:none;">留言板</div>
</div>
</div>
<!--nei3-->
<div class="nei3"><marquee>热烈庆祝抗战胜利。。。。。。。。</marquee></div>
</div>
</body>
</html>
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
//JS
//业务方法主页
function Onk(x,y){
yinc("xianshi",y);
xian("xianshi",x);
}
//功能性方法。隐藏Div
function yinc(Name,y){
for(var i = 1; i <= y; i++){
document.getElementById(Name+i).style.display="none";
}
}
//功能性方法，显示Div
function xian(Name,x){
document.getElementById(Name+x).style.display="block";
}
...全文
请发表友善的回复…
发表回复
