js 정규 모든 그림 및 그림 주소 src 와 일치 하 는 방법

1841 단어
본 고의 실례 는 js 가 모든 그림 과 그림 주소 src 와 일치 하 는 방법 을 설명 한다.모두 에 게 참고 하도록 공유 하 다.구체 적 인 분석 은 다음 과 같다.
우 리 는 글 속 의 그림 을 사용 해 야 할 때 가 많 습 니 다. 그리고 주로 그림 주 소 를 사용 합 니 다. 이 럴 때 우 리 는 정규 로 그림 라벨 을 일치 시 킨 다음 에 우리 가 필요 로 하 는 데 이 터 를 해 야 합 니 다.
평소에 정규 도 잘 안 쓰 고 배우 지 않 으 면 잊 어 버 려 요. 요즘 프로젝트 가 필요 해 요. 그리고 또 골 레 에 갔 어 요. 너무 복잡 해 요!한 무더기 한 무 더 기 를 뒤 져 보 니 내 가 원 하 는 것 도 아니 었 고 마지막 에 자신 을 남 겨 두 었 다가 사용 되 었 다.
실현: js 정규 매 칭 을 통 해 모든 그림 과 모든 그림 주소 src.
사고: 1. 그림 img 태그 와 일치 합 니 다 (즉, 모든 그림 과 일치 합 니 다). 필요 하지 않 은 다른 문 자 를 걸 러 냅 니 다.
일치 하 는 결과 (img 태그 에서) 순환 으로 그림 주소 (즉 src 속성) 와 일치 합 니 다.
코드: (로 컬 로 복사 해 보 세 요)


//     :  (yanue).
//1,     img  (        ),          
//2.        (img   )         ( src  )
var str = "this is test string <img src=\"http:yourweb.com/test.jpg\" width='50' > 123 and the end <img src=\"        .jpg\" /> 33! <img src=\"/uploads/attached/image/20120426/20120426225658_92565.png\" alt=\"\" />"
//    (g        i       )
var imgReg = /<img.*?(?:>|\/>)/gi;
//  src  
var srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i;
var arr = str.match(imgReg);
alert('            :'+arr);
for (var i = 0; i < arr.length; i++) {
 var src = arr[i].match(srcReg);
 //      
 if(src[1]){
  alert('        '+(i+1)+':'+src[1]);
 }
 //        src  
 if (src[0]) {
  var t = src[0].replace(/src/i, "href");
  //alert(t);
 }
}

PS: 여기 서 여러분 께 매우 편리 한 정규 표현 식 도구 2 가 지 를 제공 합 니 다. 참고 하 시기 바 랍 니 다.
JavaScript 정규 표현 식 온라인 테스트 도구:http://tools.jb51.net/regex/javascript
정규 표현 식 온라인 생 성 도구:http://tools.jb51.net/regex/create_reg
본 논문 에서 말 한 것 이 여러분 의 자바 script 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기