>웹 프론트엔드 >JS 튜토리얼 >이미지 주소 img 태그를 정규식으로 대체_기본지식

이미지 주소 img 태그를 정규식으로 대체_기본지식

WBOY
WBOY원래의
2016-05-16 17:13:051676검색

처음에 생각한 해결책은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

content.replace(/ ]*src=['"]([^'"] )[^>]*>/gi, 함수(일치) {
console.log(match);
});

출력 결과는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.


내가 얻는 것은 전체 img 태그이지만 내가 기대하는 것은 src의 URL이므로 function(match)에서 새 주소를 반환하면 됩니다.
그래서 저는 여기에 갇혔습니다. . .
나중에 Google에서 "javascript 대체 콜백"이라는 키워드를 검색하여 stackoverflow에서 "콜백 함수를 일치 항목으로 대체"를 발견했는데 함수(일치)에 다른 매개변수가 있다는 것을 알게 되었습니다

그런 다음 아래 코드로 변경하면 문제가 해결됩니다.

코드 복사 코드는 다음과 같습니다.

content.replace(/ ]*src=['"]([^'"] )[^>]*>/gi, 함수(일치, 캡처) {
console.log(캡처);
} );

출력 결과:

코드 복사 코드는 다음과 같습니다.

http://www.jb51.net /images/ logo.gif
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.