js 正则匹配 herf src 中的内容
时间: 2024-04-28 17:25:12 浏览: 15
在 JavaScript 中,你可以使用正则表达式的 `exec()` 方法或 `match()` 方法来匹配 href 和 src 属性中的链接内容。
下面是匹配 href 和 src 的正则表达式:
```javascript
var href_pattern = /href=['"](.*?)['"]/;
var src_pattern = /src=['"](.*?)['"]/;
```
以上正则表达式与之前提到的 Python 版本是相同的。然后你可以使用 `exec()` 或 `match()` 方法来进行匹配和捕获。例如:
```javascript
var html_code = '<a href="http://www.example.com">Example</a> <img src="http://www.example.com/image.jpg">';
var href_links = href_pattern.exec(html_code);
var src_links = src_pattern.exec(html_code);
console.log(href_links[1]);
console.log(src_links[1]);
```
输出结果为:
```
http://www.example.com
http://www.example.com/image.jpg
```
需要注意的是,使用正则表达式提取 HTML 代码中的链接内容并不总是可靠的,因为 HTML 代码结构复杂,可能存在许多特殊情况。因此,使用专门的 HTML 解析库可能更加稳定和可靠。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)