HTML - HTML中使用JS下载文本文件

这篇具有很好参考价值的文章主要介绍了HTML - HTML中使用JS下载文本文件。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

HTML - HTML中使用JS下载文本文件

如果只希望将一些文本以文件形式保存到本地,则可以使用a标签

方法一:使用href属性

<a href="data:text/plain;charset=utf-8,要保存文件的文本" download="文本.txt">点我下载</a>

点我下载

拓展:字符串形式的DOM:

div = document.querySelector("div");
str = div.innerHTML

方法二:使用Blog文件流

方法一中若要下载的文本中有引号,则转义起来比较麻烦。因此可以使用文件流来进行下载:

<a id="ToDownload">点我下载</a>
<script>
    function set1download(a, fileName, fileStream) {
        const blob = new Blob([fileStream], {type: 'application/text'});
        const href = window.URL.createObjectURL(blob);
        a.href = href;
        a.download = decodeURI(fileName);
        // window.URL.revokeObjectURL(href);
    }
    set1download(
        document.querySelector("#ToDownload"),
        '文本文件下载测试.txt',
        '要下载的内容,引号测试"6"666'
    );
</script>

点我下载

在CSDN中可能因为无法执行JS等原因看不到效果,具体效果可以前往我的Blog查看。

原创不易,转载请附上原文链接哦~
Tisfy:https://letmefly.blog.csdn.net/article/details/131572006文章来源地址https://www.toymoban.com/news/detail-539967.html

到了这里,关于HTML - HTML中使用JS下载文本文件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【实用技巧】将本地csv文件导入到hive中

    step1:在hive中创建表test01,并使用命令\\\"show create table 表名\\\",得到该表存放的hdfs文件路径(数据入库时需要用到) step2:使用vim创建文件a.csv,并存入数据。例如: step3:进入HDFS下的hadoop下的bin目录,并将a.csv文件放在该目录下 step4:执行命令 命令格式:./hdfs dfs -put  数据存放

    2024年02月12日
    浏览(38)
  • 内外网文件交换系统实用技巧揭秘:安全、效率、便捷一个不少

    内外网文件交换系统是一种专门设计用于在企业内部网络(内网)与外部网络(外网)之间安全传输文件的技术解决方案。在企业环境中,出于安全考虑,内部网络通常与外部网络隔离,以防止未经授权的访问和潜在的网络攻击。然而,这种隔离也意味着内部网络中的员工和

    2024年02月02日
    浏览(37)
  • 【实用技巧】用Vue.js实现智能家居控制系统的前端交互,提高系统的稳定性

    作者:禅与计算机程序设计艺术 【实用技巧】用Vue.js实现智能家居控制系统的前端交互,提高系统的稳定性 1.1. 背景介绍 随着科技的快速发展,智能家居系统越来越受到人们的青睐。智能家居系统不仅能够提高人们的生活质量,还能节约能源、降低家庭开支。然而,智能家

    2024年02月15日
    浏览(62)
  • WIFI免费无线上网使用实用技巧四则

    WIFI无线上网已经成为了众多网友的上网方式,但是如果你经常闯南走北,WIFI上网似乎利用的少之又少,因此许多人选择了3G无线上网,但3G的速度和价格实在不太给力,还是找到免费的WIFI比较靠谱,速度快还无限流量,重要的是不花一个银子就可以畅游网络,下面就和大家分

    2024年02月05日
    浏览(34)
  • 手机隐藏的实用技巧,很少有人会使用

    技巧一:快捷手势快速录屏。 操作步骤: “设置”——“辅助功能”——“快捷启动及手势”——“录屏”——开启功能,随后使用双指关节双击即可启动或停止录屏。 技巧二:智能家居 以往的手机可连接空调、电视机盒等设备作为遥控使用,现在居然连冰箱、破壁机和按

    2024年02月08日
    浏览(50)
  • linux实用技巧:ubuntu18.04安装samba服务器实现局域网文件共享

    主要是这一句 原文链接:https://blog.csdn.net/u010037542/article/details/108579650 Samba是在Linux和UNIX系统上实现SMB协议的一个免费软件,由服务器及客户端程序构成。SMB(Server Messages Block,信息服务块)是一种在局域网上共享文件和打印机的一种通信协议,它为局域网内的不同计算机之

    2024年01月25日
    浏览(61)
  • 爬虫IP时效问题:优化爬虫IP使用效果实用技巧

    作为一名专业的爬虫程序员,我们经常遇到的一个棘手问题那就是爬虫IP的时效性。由于网站的反爬虫机制不断升级,很多爬虫IP的可用时间越来越短,导致我们的爬虫任务频繁中断。今天,我将和大家分享一些优化爬虫IP使用效果的实用技巧,希望能帮助大家解决这个问题。

    2024年02月12日
    浏览(44)
  • 【实用技巧】更改ArduinoIDE默认库文件位置,解放系统盘,将Arduino15中的库文件移动到其他磁盘

    本文主要介绍更改Arduino IDE (含2.0以上版本)默认库文件位置的方法。  原创文章,转载请注明出处: 【实用技巧】更改ArduinoIDE默认库文件位置,解放C盘,将Arduino15中的库文件移动到其他磁盘-CSDN博客 文章浏览阅读185次。本文主要介绍更改Arduino IDE (含2.0以上版本)默认库

    2024年02月03日
    浏览(63)
  • 记录--10个超级实用的Set、Map使用技巧

    Set是一种类似于数组的数据结构,但是它的值是唯一的,即Set中的每个值只会出现一次。Set对象的实例可以用于存储任何类型的唯一值,从而使它们非常适用于去重。 Map是一种键值对集合,其中每个键都是唯一的,可以是任何类型,而值则可以是任何类型。Map对象的实例可以

    2024年02月05日
    浏览(39)
  • 10 个冷门但又非常实用的 Docker 使用技巧

    jwilder/nginx-proxy                Automated Nginx reverse proxy for docker con…   1846                                    [OK] richarvey/nginx-php-fpm            Container running Nginx + PHP-FPM capable of…   780                               

    2024年04月23日
    浏览(35)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包