视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
如何给网页内容上所有的img标签加上alt属性
2020-11-27 15:37:14 责编:小采
文档


如何给网页上所有的img标签加上alt属性
给img标签加上alt属性是为了更好的让搜索引擎识别,告诉它这是什么东西,但有时页面内容非常多的时候,有些img标签的alt属性就会漏写
,检查起来非常烦,或者想让页面上布局更多的关键词,这就可以利用Jquery的一段代码来填补这些不足了,原理是这样的,先得出页面上所
有的img标签的总数量,然后用一个for循环去查找每个img标签中有没有alt属性,如果没有,则就加上自己定义的alt属性,如果存在则跳过
,下面的代码:

var alt="图片名称"; //定义要添加的alt属性名
var imgsize = $('body img').size(); //得出img标签的总数量
for (i = 0; i < imgsize; i++) {
//如果当前img标签的alt属性不存在,则添加
 if (!$('body img').eq(i).attr('alt')) {
 $('body img').eq(i).attr('alt', alt)
 }
}

如果你不想把名称太单一,你可以多填写几个,保存在一个数组里,然后用随机函数随一个数出来就可以了,示例:

$(document).ready(function() {
 var alt=new Array("图片名称","图片名称一","图片名称二","图片名称三");
 var altsize=alt.length; //计算数组长度
 var imgsize = $('body img').size(); //得出img标签的总数量
 for (i=0; i<imgsize; i++) {
 //如果当前img标签的alt属性不存在,则添加
 if (!$('body img').eq(i).attr('alt')) {
 //Math.floor(Math.random()*altsize) 获取一个均衡的随机数
 $('body img').eq(i).attr('alt', alt[Math.floor(Math.random()*altsize)]);
 }
 }
});

下载本文
显示全文
专题