17行html代码实现的将网页文本保存成本地文本文件

代码如下：

<html>
<body><textarea id="content">Type code here</textarea><p><a id="save-btn" href="" download="noname.txt">Save</a></p><script>var content, btn;content = document.querySelector( "#content" );btn = document.querySelector( "#save-btn" );content.addEventListener( "change", function(){var f = function(){btn.setAttribute( "href", "data:text/paint; utf-8," + content.value );}return f(), f;}() ); </script>
</body>
</html>

打开这个html，显示如下。随便在textarea里维护一些内容：

点击save，会自动将其内容作为text文本下载：

文本文件打开如下：

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

17行html代码实现的将网页文本保存成本地文本文件相关推荐

200行JS代码为你的网页挂上红灯笼
目录一.前言二.效果展示局部效果全局效果三.代码讲解 1.确定位置 2.绘制灯笼 3.动态效果四.添加脚本到网页 1.下载万能的油猴 2.安装使用 3.附录一.前言除夕夜,在门前挂上灯 ...
html搜索框代码_解放双手 | 10行Python代码实现一款网页自动化工具
各种各样的网站在我们日常工作和学习中占据着举足轻重的地位,学习.影音娱乐.查询资料.协同办公,越来越多的任务都被迁移到浏览器. 因此,网页也蕴含着很多有价值.我们能够用得到的资源.例如,数据.歌曲.影 ...
Bootstrap 源代码之行内代码
源代码是指计算机程序的源码,或其他机器可以阅读的文本,如计算机程序.或函数名.XML元素名.或文件名等. Bootstrap中,有两种方式显示源代码,一种是使用 <code> 标签包裹行内 ...
adsl拨号无公网地址如何用ddns_【好玩的网络-第5期】分享自编ddns程序，17行代码轻松实现免费ddns，服务器或nas玩家的福音...
[好玩的网络]系列面向普通人的网络科普视频.我在我的哔哩哔哩账号(up主:旋律果子)更新[好玩的网络]视频版,在我的知乎(用户:曾彦)专栏更新[好玩的网络]文字版.最新消息以及预告在我的个人网站www ...
17 行代码实现的简易 Javascript 字符串模板
首发于我的博客转载请注明出处这是源于两年前,当我在做人生中第一个真正意义上的网站时遇到的一个问题该网站采用前后端分离的方式,由后端的 REST 接口返回 JSON 数据,再由前端渲染到页面上. ...
html 简繁文件转换器,几行代码轻松搞定网页的简繁转换
几行代码轻松搞定网页的简繁转换以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 对网页进行简繁字体转换的方法一般有两种 ...
hacker代码_如何仅用7行R代码构建Hacker News Frontpage抓取工具
hacker代码 by AMR 通过AMR 如何仅用7行R代码构建Hacker News Frontpage抓取工具 (How to build a Hacker News Frontpage scr ...
[原创]22行JavaScript代码实现QQ群成员提取器，绿色、环保、无病毒！
原来想给QQ群内的成员发邮件,找了一个现成的软件,没想到居然有QQ盗号病毒,很不爽.就决定自己动手,丰衣足食. 首先,我想到如果能够直接从QQ群成员列表中把所有成员拷贝出来,岂不是很方便.不过QQ明显 ...
跨平台html5页面代码,HTML5+CSS3跨平台网页设计实例教程
HTML5+CSS3跨平台网页设计实例教程编辑锁定讨论上传视频 <HTML5+CSS3跨平台网页设计实例教程>是2018年8月清华大学出版社出版的图书,作者是陈承欢.韩耀坤.颜珍平 ...

17行html代码实现的将网页文本保存成本地文本文件

17行html代码实现的将网页文本保存成本地文本文件相关推荐

最新文章

热门文章