匹配 HTML 文本中样式、链接和脚本的正则表达式

对于一段html文本字符串，如下，如何匹配出其中的资源：

<style>
    .test{
          background: #ff0000;
    }
</style>
<link rel="stylesheet"  href="/assets/css/demo.css">
<section>
    <h1>标题</h1>
    <div>内容</div>
</section>
<script  type="text/javascript" src="/assets/js/demo.js"></script>
<script type="text/javascript">
    alert("Hello World!");
</script>

匹配正则表达式写法。

var styleReg = /(<style.*?<\/style>)/g;
var linkReg = /(<link.*\s+href=(?:"[^"]*"|'[^']*')[^<]*>)/g;
var scriptReg = /<script.*?>.*?<\/script>/g;

其中脚本匹配需要正则，无法匹配内容中内嵌<script>标签的情况，待后续完善后补充！