> 웹 프론트엔드 > HTML 튜토리얼 > 웹 콘텐츠의 모든 img 태그에 alt 속성을 추가하는 방법

웹 콘텐츠의 모든 img 태그에 alt 속성을 추가하는 방법

伊谢尔伦
풀어 주다: 2016-12-03 11:37:19
원래의
2410명이 탐색했습니다.

웹 페이지의 모든 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 (!$(&#39;body img&#39;).eq(i).attr(&#39;alt&#39;)) {
 $(&#39;body img&#39;).eq(i).attr(&#39;alt&#39;, alt)
 }
}
로그인 후 복사

이름이 너무 단조롭지 않게 하려면 몇 가지를 더 입력하고 배열에 저장할 수 있습니다. 그런 다음 무작위 함수를 사용하여 하나를 무작위로 만듭니다. 그냥 세어보세요. 예:

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


관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿