alt属性
alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明的。所以alt属性的本意是用于替换图像,而不是为图像提供额外说明的,但是,在ie浏览器中,alt属性会变成文字提示,这本身是一种误导。所以,如果你使用firefox或者chrome,alt属性就不会提示文字。
title属性
title是对图片的说明和额外补充,如果需要在鼠标经过图片时出现文字提示应该用属性title。title属性的优先级高于alt。但由于错误的引导,很多初学者就在img标签内只加了alt属性。
所以,实现当鼠标经过图片时出现文字提示的效果,使用title标签:
<img src="11.jpg" width="500px" height="300px" title="你看不见我" />
另外,img图片加alt=''时,在图片路径为空或者错误(图裂)时,会使img图片宽高为0;onerror可以监听i在图裂时替换默认图片
function CheckImgExists(imgurl) {
var ImgObj = new Image(); //判断图片是否存在
ImgObj.src = imgurl;
if (ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height > 0)) {
return true;
} else {
return false;
}
}