17行html代码实现的将网页文本保存成本地文本文件
生活随笔
收集整理的這篇文章主要介紹了
17行html代码实现的将网页文本保存成本地文本文件
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
代碼如下：
<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里維護一些內(nèi)容：
點擊save，會自動將其內(nèi)容作為text文本下載：
文本文件打開如下：
要獲取更多Jerry的原創(chuàng)文章，請關(guān)注公眾號"汪子熙":
總結(jié)
以上是生活随笔為你收集整理的17行html代码实现的将网页文本保存成本地文本文件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
