Question

JS高手请进，在js中两个window.onload如何修改

我的网站要调用两个导航菜单，代码如下，但只能使用前一个菜，在网上找原因是window.onload有冲突。不知道怎么解决，请高手指点！能帮我贴上代码为最好
script type=text/javascript>
<!--
function menuFix() {
var sfEls = document.getElementById("nav").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseDown=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseUp=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),
"");
}
}
}
window.onload=menuFix;
//--></script>
<div id=div_center>
<UL id=nav>
<LI style="MARGIN-LEFT: 1px"><A href="#">网站首页</A></LI>
<LI><A href="#">新闻中心</A>
<UL>
<LI><A href="#">·新闻中心1</A></LI>
<LI><A href="#">·新闻中心3</A></LI></UL></LI>
<LI><A href="#">企业简介</A>
<UL>
<LI><A href="#">·企业简介1</A></LI>
<LI><A href="#">·企业简介6</A></LI></UL></LI>
<LI><A href="#">文章中心</A>
<UL>
<LI><A href="#">·文章中心</A></LI>
<LI><A href="#">·文章中心</A></LI>
<LI><A href="#">·文章中心</A></LI>
<LI><A href="ht#">·文章中心</A></LI>
<LI><A href="#">·文章中心</A></LI></UL></LI>
</UL>
</div></td>
<td width="229" background="menu/right-l.gif"><div align="left"><img src="menu/menu-3.gif" width="228" height="54" /></div></td>
<td width="299" background="menu/right-l.gif">
<script type=text/javascript>
<!--
function menuFix() {
var sfEls = document.getElementById("nav").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseDown=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseUp=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),
"");
}
}
}
window.onload=menuFix;

//--></script>
<div id=div_center>
<UL id=nav>
<LI style="MARGIN-LEFT: 1px"><A href="#">网站首页</A></LI>
<LI><A href="#">新闻中心</A>
<UL>
<LI><A href="#">·新闻中心3</A></LI></UL></LI>
<LI><A href="#">企业简介</A>
<UL>
<LI><A href="#">·企业简介1</A></LI>
<LI><A href="#">·企业简介6</A></LI></UL></LI>
<LI><A href="#">文章中心</A>
<UL>
<LI><A href="#">·文章中心</A></LI>
<LI><A href="#">·文章中心</A></LI></UL></LI>
</UL>
</div>

Answer 1

<script type=text/javascript>
<!--
function menuFix() {
var sfEls = document.getElementById("nav").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseDown=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseUp=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),
"");
}
}
}
window.onload=menuFix;
//--></script>
<div id=div_center>
<UL id=nav>
<LI style="MARGIN-LEFT: 1px"><A href="#">网站首页</A></LI>
<LI><A href="#">新闻中心</A>
<UL>
<LI><A href="#">·新闻中心1</A></LI>
<LI><A href="#">·新闻中心3</A></LI></UL></LI>
<LI><A href="#">企业简介</A>
<UL>
<LI><A href="#">·企业简介1</A></LI>
<LI><A href="#">·企业简介6</A></LI></UL></LI>
<LI><A href="#">文章中心</A>
<UL>
<LI><A href="#">·文章中心</A></LI>
<LI><A href="#">·文章中心</A></LI>
<LI><A href="#">·文章中心</A></LI>
<LI><A href="ht#">·文章中心</A></LI>
<LI><A href="#">·文章中心</A></LI></UL></LI>
</UL>
</div></td>
<td width="229" background="menu/right-l.gif"><div align="left"><img src="menu/menu-3.gif" width="228" height="54" /></div></td>
<td width="299" background="menu/right-l.gif">
<script type=text/javascript>
<!--
function menuFix() {
var sfEls = document.getElementById("nav2").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseDown=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseUp=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),
"");
}
}
}
window.onload=menuFix;

//--></script>
<div id=div_center>
<UL id=nav2>
<LI style="MARGIN-LEFT: 1px"><A href="#">网站首页</A></LI>
<LI><A href="#">新闻中心</A>
<UL>
<LI><A href="#">·新闻中心3</A></LI></UL></LI>
<LI><A href="#">企业简介</A>
<UL>
<LI><A href="#">·企业简介1</A></LI>
<LI><A href="#">·企业简介6</A></LI></UL></LI>
<LI><A href="#">文章中心</A>
<UL>
<LI><A href="#">·文章中心</A></LI>
<LI><A href="#">·文章中心</A></LI></UL></LI>
</UL>
</div>

Answer 2

function menuFix() {
两个函数名都一样

<UL id=nav>
两个又都一样
肯定会有冲突了

追问

可以帮我修改一下吗？？我真的很菜哦。

追答

从这往下 替换
menuFix 变成menuFix1
nav 变成nav1

追问

改经改了了，window.onload 那里应该怎么写,能不能加QQ聊一下。我QQ281354367

追答

window.onload=menuFix1; 这样就行了 还有把js代码都放入到最底部 这样才能获取到你想加载的id 因为网页加载顺序 从上到下 ，你先调用id 但是这id还没有被加载 自然会报错

追问

现在后面的菜单可以用 ，但前面的用不了了

追答

你不会是全都替换了吧

追问

没有，我在加了下面一层代码,

*{margin:0;padding:0;border:0;}
#div_center { width:350px; height:23px; background:#FBFBFB;; margin-left: auto;margin-right:auto;}
#nav1 { line-height: 20px; list-style-type: none; margin-top:2px;}
#content {clear: left;}

Answer 3

只能使用前一个菜 把后面那个注释了就行了吗
//window.onload=menuFix;