js 批量下载页面文件

文章目录

  • 问题描述
  • 实现方法
    • 代码
    • 浏览器设置

问题描述

去知网下载统计年鉴的数据,发现只能一个文件一个文件的下载(尚未找到其他接口),如下图所示:
js 批量下载页面文件_第1张图片

一个一个地点击太麻烦,于是想到用js代码实现批量下载。

实现方法

用的是谷歌浏览器,鼠标右键 -> 检查,查看 html 页面的元素的层级结构,找到对应的超链接即可。

代码

var lists = new Array(); //创建一个数组  
var trs = $("#Content table.dhmltable tbody tr");
for(var j = 0, len = trs.length; j < len; j++) // 之前误用while循环一直错!
{
	if(j > 2)
	{
		var tds = $(trs[j]).children("td");
		var urls = $(tds[0]).children("a");
		var url = $(urls[1]).attr("href");
		lists.push(url);
		//window.open(url, '_blank').location;
	}
}

for(var j = 0, len = lists.length; j < len; j++){
    //console.log(lists[j]);
	window.open(lists[j], '_blank').location;
}

最后在控制台输入代码运行即可:
js 批量下载页面文件_第2张图片

浏览器设置

可以在谷歌浏览器的“设置 -> 高级”中关闭“下载前询问每个文件的保存位置”选项,这样就不会每次有下载任务就弹窗询问了。当然,为了安全起见,下载完成后最好记得改回来。

你可能感兴趣的:(js 批量下载页面文件)