js正则匹配script标签中的src并替换该怎么写？

作者站长头像
站长
· 阅读数 9

样本：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <script src="https://cdn.xxx.js"></script>
    <script defer="defer" src="runtime.js"></script>
    <script defer="defer" src="vendor.js"></script>
  </head>
  <body>
    <div id="app"></div>
  </body>
</html>

想要的结果:匹配相对路径的script标签，并加上/test前缀，对于http开头的不管，最后返回整个模板字符串

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <script src="https://cdn.xxx.js"></script> // http开头的src不匹配
    <script defer="defer" src="/test/runtime.js"></script> // 非http开头的匹配上，并加上/test
    <script defer="defer" src="/test/vendor.js"></script> // 非http开头的匹配上，并加上/test
  </head>
  <body>
    <div id="app"></div>
  </body>
</html>
回复
1个回答
avatar
test
2024-07-13

(<script[^<>]*?src="(?!https?:))([^"]+)替换成$1test/$2

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容