正则表达式从 url 获取 src答案

【问题标题】：RegExp to get src form url正则表达式从 url 获取 src
【发布时间】：2015-06-19 03:38:24
【问题描述】：

我有这个字符串：

<img class="ui mini avatar image" src="http://graph.facebook.com/fsdgfdgfdgsdfgdfgdfg564d6/picture/?type=large">
facebook

像这样，我怎样才能只从那个字符串中获取 url？只有这部分

http://graph.facebook.com/fsdgfdgfdgsdfgdfgdfg564d6/picture/?type=large

【问题讨论】：

您不需要为此使用正则表达式。检查我的答案。
如果您实际上是在尝试匹配文字字符串中的 URL，那么 /http[^\"]+/i 将完成这项工作。但是，如果您尝试获取页面中某个元素的 src，则 document.images[0].src 将返回文档中第一张图像的 src 属性的值。还有其他方法可以选择不需要库的 img 元素（而且速度更快）。

标签： javascript regex url

【解决方案1】：

如果你使用 jQuery，你可以这样做：

var sourceUrl = $('.image').attr('src'); // Here I'm accessing by class name.

【讨论】：

【解决方案2】：

你也可以使用 window.location 对象

window.location.host
// gives "graph.facebook.com"
window.location.pathname
// gives "/fsdgfdgfdgsdfgdfgdfg564d6/picture/"
window.location.search
// gives "?type=large"

MDN 网站说所有浏览器都支持所有这些https://developer.mozilla.org/en-US/docs/Web/API/Location?type=large

【讨论】：

再次阅读问题。你正朝着不同的方向前进
@SimpleMan 你是对的。我一定错过了问题标题中的正则表达式部分。干杯。