javascript - Js ReGex 非捕获组不起作用

Question

我的问题是，我需要捕获一个脚本 src，但只有当它在 src 之前有一个脚本标记时我才需要获取它。

所以这里遵循我的正则表达式和我尝试过的选项

String: <script src="http://example.net"></script>
Regex: /(?:\<script[^]+src=("|'))([^]+)(?="|')/g
Match: <script src="http://example.net

第二个选项:

String: <script src="http://example.net"></script>
Regex: /(?!\<script[^]+src=("|'))([^]+)(?="|')/g
Match: script src="http://example.net

我需要得到的是:http://example.net

我真的很感谢任何帮助。

这是我用于测试的工具:http://www.regexr.com/

谢谢

Answer 1

正则表达式不是解析 HTML 的正确工具，但要解决此问题，您可以使用 exec()循环中的方法来获取所有子匹配，然后将捕获组的匹配结果推送到数组中。

var s = '<script src="http://foo.net"></script><script src="http://bar.com"></script>';

var re  = /<script[^>]+?src=['"]([^'"]+)['"]/g, 
matches = [];

while (m = re.exec(s)) {
  matches.push(m[1]);
}
console.log(matches) //=> [ 'http://foo.net', 'http://bar.com' ]