html中tab页面切换在firefox中不可用
这是一段tab跳转函数:<scriptlanguage="javascript">functionsecBoard(n){for(i=1;i<3;i++){eval("d...
这是一段tab跳转函数:
<script language="javascript">
function secBoard(n)
{
for(i=1;i<3;i++)
{
eval("document.getElementById('cl0"+i+"').className='s02'");
eval("tbx0"+i+".style.display='none'");
}
eval("document.getElementById('cl0"+n+"').className='s01'");
eval("tbx0"+n+".style.display='block'");
}</script>
这是调用代码:
<div style="display:" id="tbx01" align="center"></div>
<div style="display:none;" id="tbx02" align="center"></div>
这个tab页面切换在firefox中无任何反映,但在IE8中可以正常运行。请专家们看看该如何调整
<td id="cl01" width="184" class="s01" onClick="secBoard(1);" style="cursor: pointer"><img src="image/preg-1.jpg" height="27" width="184" style="border:none;" align="left"></td>
<td id="cl02" width="186" class="s02" onClick="secBoard(2);" style="cursor: pointer"><img src="image/creg-1.jpg" height="27" width="184" style="border:none;" align="left"></td>
这是调用的代码,上面那个是使用的代码 展开
<script language="javascript">
function secBoard(n)
{
for(i=1;i<3;i++)
{
eval("document.getElementById('cl0"+i+"').className='s02'");
eval("tbx0"+i+".style.display='none'");
}
eval("document.getElementById('cl0"+n+"').className='s01'");
eval("tbx0"+n+".style.display='block'");
}</script>
这是调用代码:
<div style="display:" id="tbx01" align="center"></div>
<div style="display:none;" id="tbx02" align="center"></div>
这个tab页面切换在firefox中无任何反映,但在IE8中可以正常运行。请专家们看看该如何调整
<td id="cl01" width="184" class="s01" onClick="secBoard(1);" style="cursor: pointer"><img src="image/preg-1.jpg" height="27" width="184" style="border:none;" align="left"></td>
<td id="cl02" width="186" class="s02" onClick="secBoard(2);" style="cursor: pointer"><img src="image/creg-1.jpg" height="27" width="184" style="border:none;" align="left"></td>
这是调用的代码,上面那个是使用的代码 展开
3个回答
展开全部
您好!很高兴为您答疑。
走读了一下您的代码,发现您没有提供网站的页面代码,因此缺少一些必要元素,为您随手补充到足以调试的地步并在火狐下进行了测试,发现代码运行正常,贴出来给您参考一下(因为没有附加css样式,只是达到了切换显示的效果,而非tab切换的效果,但是足以解决js兼容问题):
<script language="javascript">
function secBoard(n)
{
for(i=1;i<3;i++)
{
eval("document.getElementById('cl0"+i+"').className='s02'");
eval("tbx0"+i+".style.display='none'");
}
eval("document.getElementById('cl0"+n+"').className='s01'");
eval("tbx0"+n+".style.display='block'");
}</script>
<div style="display:" id="tbx01" align="center">11</div>
<div style="display:none;" id="tbx02" align="center">22</div>
<table>
<tr>
<td id="cl01" width="184" class="s01" onClick="secBoard(1);" style="cursor: pointer"><img src="image/preg-1.jpg" height="27" width="184" style="border:none;" align="left"></td>
<td id="cl02" width="186" class="s02" onClick="secBoard(2);" style="cursor: pointer"><img src="image/creg-1.jpg" height="27" width="184" style="border:none;" align="left"></td>
</tr>
</table>
如果对我们的回答存在任何疑问,欢迎继续问询。
走读了一下您的代码,发现您没有提供网站的页面代码,因此缺少一些必要元素,为您随手补充到足以调试的地步并在火狐下进行了测试,发现代码运行正常,贴出来给您参考一下(因为没有附加css样式,只是达到了切换显示的效果,而非tab切换的效果,但是足以解决js兼容问题):
<script language="javascript">
function secBoard(n)
{
for(i=1;i<3;i++)
{
eval("document.getElementById('cl0"+i+"').className='s02'");
eval("tbx0"+i+".style.display='none'");
}
eval("document.getElementById('cl0"+n+"').className='s01'");
eval("tbx0"+n+".style.display='block'");
}</script>
<div style="display:" id="tbx01" align="center">11</div>
<div style="display:none;" id="tbx02" align="center">22</div>
<table>
<tr>
<td id="cl01" width="184" class="s01" onClick="secBoard(1);" style="cursor: pointer"><img src="image/preg-1.jpg" height="27" width="184" style="border:none;" align="left"></td>
<td id="cl02" width="186" class="s02" onClick="secBoard(2);" style="cursor: pointer"><img src="image/creg-1.jpg" height="27" width="184" style="border:none;" align="left"></td>
</tr>
</table>
如果对我们的回答存在任何疑问,欢迎继续问询。
展开全部
代码请给出完全的
你下面的调用代码更本就没调用的意思
你上面写了函数和下面不匹配
上面说取到ID名字分别是是cl01,cl02,cl03
可是你下面调用代码没这几个ID名字
还有就是上面写了函数secBoard(n)
但是你的调用代码里面没有调用的事件。所以要想解决问题,请补充上完整代码才能帮你看下
你下面的调用代码更本就没调用的意思
你上面写了函数和下面不匹配
上面说取到ID名字分别是是cl01,cl02,cl03
可是你下面调用代码没这几个ID名字
还有就是上面写了函数secBoard(n)
但是你的调用代码里面没有调用的事件。所以要想解决问题,请补充上完整代码才能帮你看下
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
eval? 这个函数是ie8带的还是在被的js里有的?我觉得你还是把这个函数先找出来吧。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询