Heim >Web-Frontend >HTML-Tutorial >So fügen Sie allen IMG-Tags in Webinhalten das Alt-Attribut hinzu
So fügen Sie das Alt-Attribut zu allen IMG-Tags auf der Webseite hinzu
Das Hinzufügen des Alt-Attributs zum IMG-Tag dient dazu, die Suchmaschine besser zu identifizieren und ihr mitzuteilen, um was es sich handelt. Manchmal ist der Seiteninhalt jedoch sehr groß , das Alt-Attribut einiger IMG-Tags fehlt
, was sehr ärgerlich ist. Wenn Sie mehr Schlüsselwörter auf der Seite einfügen möchten, können Sie diese Mängel mit einem Teil des JQuery-Codes beheben. Das Prinzip ist folgendes Ermitteln Sie zunächst die Gesamtzahl der
img-Tags auf der Seite und ermitteln Sie dann mithilfe einer for-Schleife, ob in jedem img-Tag ein Alt-Attribut vorhanden ist. Wenn nicht, überspringen Sie es
und verwenden Sie den folgenden Code:
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) } }
Wenn Sie nicht möchten, dass der Name zu einfach wird, können Sie ein paar weitere ausfüllen, sie in einem Array speichern und dann Verwenden Sie eine Zufallsfunktion, um einen zu randomisieren. Zählen Sie sie einfach aus, Beispiel:
$(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)]); } } });