HTML5 快捷生成批量下载地址工具[代码分享]

简介: 将代码收藏到浏览器收藏夹以便快速打开。(运行环境chrome)代码data:text/html;charset=utf-8,html%E6%89%B9%E9%87%8F%E4%B8%8B%E8%BD%BD%E7%94%9F%E6%88%90%E...

将代码收藏到浏览器收藏夹以便快速打开。(运行环境chrome)

代码

data:text/html;charset=utf-8,<html><head><title>html%E6%89%B9%E9%87%8F%E4%B8%8B%E8%BD%BD%E7%94%9F%E6%88%90%E5%99%A8</title><script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.4.min.js"></script><style> * { margin: 0; padding: 0; } body { width: 95%; margin: 0 auto; } input, button { padding: 5px 8px; margin: 10px; background-color: #FFF; border: 1px #ccc solid; } button { cursor: pointer; } #runDownHrefVal > a { display: inline-block; }</style></head><body> %E6%9B%BF%E6%8D%A2%E7%AC%A6(*)<input style="width: 90%" id="demo_input" placeholder="url" /><br /> %E5%BC%80%E5%A7%8B%E5%80%BC<input id="start" type="number" />-%E7%BB%93%E6%9D%9F%E5%80%BC<input id="end" type="number" />%E5%8C%B9%E9%85%8D%E9%95%BF%E5%BA%A6%E5%B0%8F%E4%BA%8E%E9%95%BF%E5%BA%A6%E8%87%AA%E5%8A%A8%E5%A1%AB%E5%85%850<input id="min_len" type="number" min="1" value="1" onblur="if ($(this).val().length<=0) {$(this).val('1')}" /><button onclick="runDownHref()">%E7%94%9F%E6%88%90</button><div id="runDownHrefVal" style="height: 60%; width: 100%; overflow: auto; border: 1px #cccccc solid"></div><form onsubmit="return false"><button onclick="downLoadAll()" id="downLoadAllBtn"> %E4%B8%8B%E8%BD%BD%E5%85%A8%E9%83%A8</button><button onclick="story.select();document.execCommand(%26quot%3BCopy%26quot%3B);">%E5%A4%8D%E5%88%B6</button><textarea name="story" rows="12" style="width: 1px; height: 1px; overflow: hidden;opacity: 0"></textarea></form><script> function lenck(strObj){if(strObj==null||strObj.length<=0){return true;}return false;}var tmp="";function runDownHref(){$("#runDownHrefVal").html("");$("textarea[name='story']").val("");var demoInputVal=$("#demo_input").val();if(lenck(demoInputVal)){alert("url%E4%B8%8D%E8%83%BD%E4%B8%BA%E7%A9%BA");return;}var start=parseInt($("#start").val());var end=parseInt($("#end").val());var min_len=parseInt($("#min_len").val());if(lenck(start)||lenck(end)){return;}if(start>end){alert("%E5%BC%80%E5%A7%8B%E5%80%BC%E4%B8%8D%E8%83%BD%E5%A4%A7%E4%BA%8E%E7%BB%93%E6%9D%9F%E5%80%BC");return;}for(var i=start;i<=end;i++){tmp="";for(var j=(i+"").length;j<parseInt(min_len);j++){tmp="0"+tmp;}tmp=demoInputVal.replace(/\(\*\)/g,tmp+i);$("#runDownHrefVal").append($("<a/>",{href:tmp,download:""}).html(tmp));$("#runDownHrefVal").append($("<br/>"));$("textarea[name='story']").val($("textarea[name='story']").val()+tmp+"\n");}}function downLoadAll(){if(confirm("%E6%82%A8%E7%9C%9F%E7%9A%84%E7%A1%AE%E5%AE%9A%E8%A6%81%E4%B8%8B%E8%BD%BD%E5%90%97%EF%BC%9F\n\n%E8%AF%B7%E7%A1%AE%E8%AE%A4%EF%BC%81(%E6%96%87%E4%BB%B6%E9%87%8F%E8%BF%87%E5%A4%A7%E8%AE%A1%E7%AE%97%E6%9C%BA%E9%85%8D%E7%BD%AE%E4%BD%8E%E7%9A%84%E5%8F%AF%E8%83%BD%E4%BC%9A%E5%88%B0%E8%87%B3%E7%B3%BB%E7%BB%9F%E5%8D%A1%E6%AD%BB)")==true){var downLoadList=$("#runDownHrefVal>a");for(var i in downLoadList){downLoadList[i].click();}}}</script></body></html>

效果图片

img_3c2ba52dcdb1d9742d44b6177453b104.png
1
img_69897673d7656847174ebe3bed122103.png
2
img_69897673d7656847174ebe3bed122103.png
3
相关文章
|
4月前
|
数据采集 移动开发 前端开发
HTML代码的革命:语义化标签的魅力,让你的网页结构焕然一新!
【8月更文挑战第26天】本文探讨了Web前端开发中的语义化标签概念及其重要性。语义化标签通过使用具有明确含义的HTML标签来构建页面结构,提升了网页的可访问性及搜索引擎优化效果,并增强了代码的可读性和维护性。文章还讨论了实际开发中遇到的问题及未来发展趋势。
62 0
|
1月前
|
JSON 移动开发 数据格式
html5+css3+js移动端带歌词音乐播放器代码
音乐播放器特效是一款html5+css3+js制作的手机移动端音乐播放器代码,带歌词显示。包括支持单曲循环,歌词显示,歌曲搜索,音量控制,列表循环等功能。利用json获取音乐歌单和歌词,基于html5 audio属性手机音乐播放器代码。
102 6
|
2月前
|
Java BI API
spring boot 整合 itextpdf 导出 PDF,写入大文本,写入HTML代码,分析当下导出PDF的几个工具
这篇文章介绍了如何在Spring Boot项目中整合iTextPDF库来导出PDF文件,包括写入大文本和HTML代码,并分析了几种常用的Java PDF导出工具。
536 0
spring boot 整合 itextpdf 导出 PDF,写入大文本,写入HTML代码,分析当下导出PDF的几个工具
|
2月前
|
JavaScript 前端开发
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
123 1
|
3月前
|
前端开发
Twaver-HTML5基础学习(28)工具条(添加自定义按钮_自定义事件)
这篇文章介绍了如何在Twaver-HTML5中创建工具条,添加自定义按钮,并绑定自定义事件,包括放大、缩小、占满屏幕和重置画布大小的功能。
57 11
|
3月前
网站维护更新简易单页404页html代码
一个简约风格的单页html页面,可用于网站维护中或更新网站时挂个首页使用,如果不喜欢现在的颜色请F12修改设置既可。
102 1
网站维护更新简易单页404页html代码
|
3月前
|
XML 数据格式 Python
Python技巧:将HTML实体代码转换为文本的方法
在选择方法时,考虑到实际的应用场景和需求是很重要的。通常,使用标准库的 `html`模块就足以满足大多数基本需求。对于复杂的HTML文档处理,则可能需要 `BeautifulSoup`。而在特殊场合,或者为了最大限度的控制和定制化,可以考虑正则表达式。
85 12
|
3月前
|
前端开发 JavaScript
用最少的代码实现一个HTML可交互表格
该HTML页面展示了一个可交互的表格,用户可以通过点击表格行来高亮显示所选行。使用了基本的`&lt;table&gt;`结构,并通过CSS设置了表格样式及行悬停效果。JavaScript函数`toggleSelect`实现了行选中的切换功能。
|
2月前
|
小程序 数据可视化 开发工具
HTML我帮您打造拖拽可视化的WEUI小程序工具
HTML我帮您打造拖拽可视化的WEUI小程序工具
33 0
|
3月前
|
缓存 JavaScript 前端开发
js和html代码一定要分离吗
JavaScript(JS)和HTML代码的分离虽非绝对必要,但通常被推荐