代碼如下:
<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文本下載下傳:
文本檔案打開如下: