如何给网页内容上所有的img标签加上alt属性

如何给网页上所有的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

//如果当前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)]);

}

}

});

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。