[] 请教为什么这段代码里，加了alt就出错了
日期：2014-05-16 浏览次数：20372 次
[求助] 请问为什么这段代码里，加了alt就出错了？
以下这段代码里，因为在三个地方加了 alt="" 而出错了，图片无法显示
而如果把三个 alt=""去掉，成为以下代码，就可以正常运行
以下这段代码里，因为在三个地方加了 alt="" 而出错了，图片无法显示
<div id="desc">
<script type="text/javascript">
window.onload = function(){
var ImgList = new Array();
ImgList[0]='http://jingyan.baidu.com/event/img/jingcai295ps.jpg';
ImgList[1]='http://jingyan.baidu.com/event/img/jingcai195ps.jpg';
ImgList[2]='http://jingyan.baidu.com/event/img/jingcai294ps.jpg';
ImgList[3]='';
ImgList[4]='';
ImgList[5]='';
ImgList[6]='';
ImgList[7]='';
document.getElementById('big_image').innerHTML = '<img src="'+ImgList[0]+'" alt="" />';
var html = '';
for (var i in ImgList){
if(ImgList[i] != '')
{
html += "<div style='Border-style:double; Border-color:#dddddd; Border-width:3px; margin:2px; width:60px; height:60px; float:left'><img src='"+ImgList[i]+"' width='60' height='60' border='0' alt="" /></div>";
}
}
document.getElementById("image_list").innerHTML = html;
var imgs = document.getElementById("image_list").getElementsByTagName("img");
for(var i=0;i <8; i++)
{
if (ImgList[i] != '') {
imgs[i].onmouseover=function(){
var a = this.src;
var big_image = document.getElementById('big_image');
big_image.innerHTML = "<img src='"+a+"' width='300' height='300' border='0' alt="" />";
}
}
}
}
</script>
<div style="width: 608px">
<div id="big_image" style="width: 300px"></div>
</div>
<div id="image_list" style="width: 140px"></div>
</div>
而如果把三个 alt=""去掉，成为以下代码，就可以正常运行
<div id="desc">
<script type="text/javascript">
window.onload = function(){
var ImgList = new Array();
ImgList[0]='http://jingyan.baidu.com/event/img/jingcai295ps.jpg';
ImgList[1]='http://jingyan.baidu.com/event/img/jingcai195ps.jpg';
ImgList[2]='http://jingyan.baidu.com/event/img/jingcai294ps.jpg';
ImgList[3]='';
ImgList[4]='';
ImgList[5]='';
ImgList[6]='';
ImgList[7]='';
document.getElementById('big_image').innerHTML = '<img src="'+ImgList[0]+'" />';
var html = '';
for (var i in ImgList){
if(ImgList[i] != '')
{
html += "<div style='Border-style:double; Border-color:#dddddd; Border-width:3px; margin:2px; width:60px; height:60px; float:left'><img src='"+ImgList[i]+"' width='60' height='60' border='0' /></div>";
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
