ホームページ  >  記事  >  ウェブフロントエンド  >  画像アドレスのimgタグを正規表現に置き換える_基礎知識

画像アドレスのimgタグを正規表現に置き換える_基礎知識

WBOY
WBOYオリジナル
2016-05-16 17:13:051645ブラウズ

私が最初に考えた解決策は次のとおりです:

コードをコピー コードは次のとおりです。

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

出力結果は次のとおりです:

コードをコピー コードは次のとおりです:


取得するのは img タグ全体ですが、期待しているのは src 内の URL なので、function(match) で新しいアドレスを返すだけで済みます。
それで、私はここで行き詰まってしまいました。 。 。
その後、Googleで「javascript replace callback」というキーワードで検索したところ、stackoverflowで「replace callback function withmatches」が見つかり、関数(match)には他のパラメータがあることがわかりました

次に、以下のコードに変更すると問題は解決します。

コードをコピー コードは次のとおりです。

content.replace(/ ]*src=['"]([^'"] )[^>]*>/gi, 関数 (一致、キャプチャ) {
console.log(capture);
} );

出力結果:

コードをコピー コードは次のとおりです:

http://www.jb51.net /images/ logo.gif
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。