为何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.按纽不能点击选项转换显示.是不是浏览器的问题还是编码有问题?

...全文

160 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

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';
        };
    };
};