<!DOCTYPE html>
<html lang=\"en\">
<head>
< charset=\"UTF-8\">
< >文件下载</ >
</head>
<body>
<!-- 注意下文件路径，移到了file文件中 -->
<a href=\"http://www.baidu.com\">百度</a>
<a href=\"./hyper-Setup-2.0.0.exe\">命令行工具</a>
<a href=\"./files/txt.txt\" download>下载记事本</a>
<!--最好压缩一下-->
<a href=\"./files/dream.txt\" download>下载图片</a>
<button id=\"btn\">下载</button>
< >
//防止别人抓取页面的资源。可以用脚本处理
let btn = document.querySelector(\'#btn\');
console.log(btn);
btn. = function () {
const = document.createElement(\'a\');
.href = \'txt.txt\';
.download = \'文件1.txt\'; //下载
.click();//进行点击时下载
}
//拓展
const str = \'回忆小浪漫\';
downLoadFile(\'dream.doc\',str,\'application/msword\');
downLoadFile(\'dream.txt\',str,\'text/plain\');
function downLoadFile(filename,content,type) {
const blob = new Blob([content],{type:type});//创建一个blob对象
const url = window.URL.create URL(blob);//获取url
const = document.createElement(\'a\');
.href = url;
.download = filename; //下载的文件名
.click();
}
</ >
</body>
</html>
继续阅读与本文标签相同的文章
上一篇 :
从零开始学正则
下一篇 :
面向对象编程OOP之我见
-
干货送上，小程序运动步数实战分享
2026-05-19栏目： 教程
-
ZAO 背后的深度学习算法原理浅析
2026-05-19栏目： 教程
-
应用优雅上下线
2026-05-19栏目： 教程
-
FFMPEG常用命令收录（持续更新)
2026-05-19栏目： 教程
-
OpenSSL 1.1.1的裁剪
2026-05-19栏目： 教程