为何JS编码无错,IE8浏览器无反映?新人请教

liangjiangjushi 2013-01-30 04:51:56
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
#div1.active {background:yellow;}
#div1 div {width:200px; height:200px; background:#ccc; border:1px;
solid #999;display:none;}
</style>
<script>
window .alond=function ()
{
var oDiv=document.getElementById('div1');
var aBtn=oDiv.getElementsByTagName('input');
var aBtn=oDiv.getElementsByTagName('div');

for(var i=0; i<aBtn.length; i++)
{
aBtn[i].index=i;
aBtn[i].onclick=function ()
{
for(var i=0; i<aBtn.length;i++)
{
aBtn[i].className='';
aDiv[i].style.display='none';
}
this.className='active';
aDiv[this.index].style.display='block';
};
};

};
</script>
</head>
<body>
<div id="div1">
<input class="active" type="button" value="教育"/>
<input type="button" value="培训"/>
<input type="button" value="招生"/>
<input type="button" value="出国"/>
<div style="display:block;">11111</div>
<div>22222</div>
<div>33333</div>
<div>44444</div>
</div>
</body>
</html>

<div>1111可以显示,其余<div>2.3.4.按纽不能点击选项转换显示.是不是浏览器的问题还是编码有问题?
...全文
94 10 点赞 打赏 收藏 举报
写回复
10 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
dencey 2013-01-31
引用 7 楼 liangjiangjushi 的回复:
……
哪里有问题,我这里测试是正常的
  • 打赏
  • 举报
回复
玄冰2013 2013-01-31
用火狐FIREBUG 跟踪调试吧
  • 打赏
  • 举报
回复
爱若如梦 2013-01-30
也许这样就没有问题吧

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
  #div1.active {background:yellow;}
  #div1 div {width:200px; height:200px; background:#ccc; border:1px;
 solid #999;display:none;}
</style>
<script>
window.onload=function ()
{
        var oDiv=document.getElementById('div1');
		var aBtn=oDiv.getElementsByTagName('input');
		var aDiv=oDiv.getElementsByTagName('div');

	for(var i=0; i<aBtn.length; i++)
	{
		aBtn[i].index=i;
		aBtn[i].onclick=function ()
		{
			for(var i=0; i<aBtn.length;i++)
			{
				aBtn[i].className='';
				aDiv[i].style.display='none';
			}
			this.className='active';
			aDiv[this.index].style.display='block';
		};
	};

};
</script>
</head>
<body>
<div id="div1">
           <input  class="active" type="button"  value="教育"/>
           <input type="button"  value="培训"/>
           <input type="button"  value="招生"/>
           <input type="button"  value="出国"/>
           <div style="display:block;">11111</div>
           <div>22222</div>
           <div>33333</div>
           <div>44444</div>
</div>
</body>
</html>
  • 打赏
  • 举报
回复
liangjiangjushi 2013-01-30
引用 3 楼 dencey 的回复:
这样写就行了: JavaScript code ? 123456789101112131415161718 window.onload=function () { var oDiv=document.getElementById('div1'); var aBtn=oDiv.getElementsByTagName('input'); v……
谢谢您的指点。按您的方法仍然不行。
  • 打赏
  • 举报
回复
liangjiangjushi 2013-01-30
引用 2 楼 xiaofan_sap 的回复:
代码问题 :我粗看了看 代码 : 1.window .alond=》window.onload 2.var aBtn=oDiv.getElementsByTagName('input'); var aBtn=oDiv.getElementsByTagName('div'); 一样的名字?
对.是一样的名字.这是听老师讲课时抄下的编码.还就是漏掉了一个onload中的n字母。
  • 打赏
  • 举报
回复
爱T 2013-01-30
细心点兄弟,新手不要操之过急,要耐心点!!
  • 打赏
  • 举报
回复
qqqqqqqq_2013 2013-01-30
ls说的都对 有三处需要修改: 1、window.alond 改为:window.onload 2、var aBtn=oDiv.getElementsByTagName('div'); 改为: var aDiv = oDiv.getElementsByTagName('div'); 3、#div1 div {width:200px; height:200px; background:#ccc; border:1px; solid #999;display:none;} 改为: #div1 div {width:200px; height:200px; background:#ccc; border:1px solid #999;display:none;}
  • 打赏
  • 举报
回复
dencey 2013-01-30
这样写就行了:

window.onload=function () {
    var oDiv=document.getElementById('div1');
    var aBtn=oDiv.getElementsByTagName('input');
    var aDiv=oDiv.getElementsByTagName('div');

    for(var i=0; i<aBtn.length; i++) {
        aBtn[i].index=i;
        aBtn[i].onclick=function () {
            for(var i=0; i<aBtn.length;i++) {
                aBtn[i].className='';
                aDiv[i].style.display='none';
            }
             this.className='active';
             aDiv[this.index].style.display='block';
        };
    };
};
  • 打赏
  • 举报
回复
xiaofan_sap 2013-01-30
代码问题 :我粗看了看 代码 : 1.window .alond=》window.onload 2.var aBtn=oDiv.getElementsByTagName('input'); var aBtn=oDiv.getElementsByTagName('div'); 一样的名字?
  • 打赏
  • 举报
回复
dencey 2013-01-30
大哥,你这段代码错误很多
  • 打赏
  • 举报
回复
相关推荐
发帖
JavaScript
加入

8.5w+

社区成员

Web 开发 JavaScript
申请成为版主
帖子事件
创建了帖子
2013-01-30 04:51
社区公告
暂无公告