<img src="链接" crossorigin="Anonymous" 提取网页中<img src="和 " crossorigin="Anonymous 之间的链接 JavaScript怎么提取并保存json文件
时间: 2023-12-09 07:05:04 浏览: 119
javascript中<script type="text/javascript">的用法与意思
你可以使用JavaScript中的正则表达式来提取网页中的链接。以下是一个示例代码:
```javascript
// 假设你已经获取了网页的内容,并将其存储在变量html中
// 定义正则表达式来匹配<img>标签中的src和crossorigin属性
var regex = /<img\s+src="([^"]+)"\s+crossorigin="([^"]+)"/g;
var matches;
var links = [];
// 循环匹配所有的<img>标签
while ((matches = regex.exec(html)) !== null) {
var src = matches[1];
var crossorigin = matches[2];
// 保存符合条件的链接
links.push({
src: src,
crossorigin: crossorigin
});
}
// 将结果保存为JSON文件
var jsonData = JSON.stringify(links);
var blob = new Blob([jsonData], { type: "application/json" });
var url = URL.createObjectURL(blob);
// 创建一个链接并触发下载
var link = document.createElement("a");
link.href = url;
link.download = "links.json";
link.click();
```
这段代码首先定义了一个正则表达式来匹配<img>标签中的src和crossorigin属性。然后,通过循环匹配所有的<img>标签,并将符合条件的链接存储在一个数组中。最后,将结果转换为JSON格式并保存为一个JSON文件,然后通过创建一个链接并触发下载来将其下载到本地。
请注意,这只是一个示例代码,具体实现可能需要根据你的具体需求进行调整。
阅读全文