使用JavaScript怎么将文本文件保持到本地

　　介绍

使用JavaScript怎么将文本文件保持到本地?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

<强>一段使用JavaScript保存文件的代码。这里方法可以保存指定id元素下的所有html内容,不过这个方法只支持IE浏览器。

function  createHtml (), { 　　,try  { 　　save_record才能(“index1",, $ (“# yhtcprediv") . html ()); 　　,}catch  (e), { 　　警报才能(e); 　　,} 　　,} 　　,function  save_record(文件名,,内容),{ 　　,//打开新窗口保存 　　,var  winRecord =, window.open(& # 39;:空白# 39;,,& # 39;平等# 39;,,& # 39;最高=500 & # 39;); 　　,winRecord.document.open(“文本/html",,“utf-8"); 　　,winRecord.document.write (“, & lt; div 类=\“introBox  section  package  boxBg02 \“, id=\“yhtcprediv \“祝辞“,+,content  +,“& lt;/div>“),,,,,,,,,, 　　,winRecord.document.execCommand (“SaveAs",,真的,,filename  +,“.html"); 　　,winRecord.close (); 　　以前,}

<强>简单好用的JS保存文本文件到本地

& lt; ! DOCTYPE  html> 　　& lt; html> 　　& lt; head> 　　& lt; meta  charset=皍tf-8",/比; 　　& lt; title> & lt;/title> 　　& lt; link  rel=皊tylesheet", href=?/g.alicdn.com/msui/sm/0.6.2/css/sm.min.css", rel=癳xternal  nofollow",在 　　& lt; script  type=& # 39; text/javascript # 39;, src=& # 39;//g.alicdn.com/sj/lib/zepto/zepto.min.js& # 39;, charset=& # 39; utf - 8 # 39;祝辞& lt;/script> 　　& lt; script  type=& # 39; text/javascript # 39;, src=& # 39;//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js& # 39;, charset=& # 39; utf - 8 # 39;祝辞& lt;/script> 　　& lt;/head> 　　& lt; body> 　　& lt; ! DOCTYPE  html> 　　& lt; html> 　　& lt; head> 　　,& lt; meta  charset=皍tf-8"比; 　　,& lt; meta  name=癲escription",内容=癆  simple  HTML5  Template"比; 　　,& lt; meta  name=癮uthor",内容=癲ron"比; 　　,& lt; meta  name=皏iewport",内容=?设备宽度,宽度,高度=device-height, user-scalable=不,,初始=1.0,,最大范围=1.0,比; 　　,& lt; meta  name=癮pple-mobile-web-app-capable",内容=皔es"比; 　　,& lt; meta  name=癮pple-mobile-web-app-status-bar-style",内容=癰lack"比; 　　,& lt; title>保存文本文件到本地& lt;/title> 　　,& lt; link  href=癶ttp://ucren.com/static/bootstrap/3.3.6/css/bootstrap.min.css", rel=癳xternal  nofollow", rel=皊tylesheet"比; 　　,& lt; script  src=癶ttp://ucren.com/static/jquery/2.2.3/jquery.min.js"祝辞& lt;/script> 　　,& lt; script  src=癶ttp://ucren.com/static/bootstrap/3.3.6/js/bootstrap.min.js"祝辞& lt;/script> 　　,& lt; style> 　　.container-fluid才能{,margin-top: 20 px;,} 　　,& lt;/style> 　　& lt;/head> 　　& lt; body> 　　,& lt; script> 　　void 才能;函数(一){a.siteToolbar=function  b (a) {b.setting=| | {}}, document . write 　　,,(& # 39;& lt; div 类=皍cren-toolbar-placeholder",祝辞& lt;/div> & lt; scri& # 39; 　　+ & # 39;才能pt  src=?/ucren.com/ucren-toolbar/scripts/main.js"祝辞& lt; \/script> & # 39;)}(这个); 　　siteToolbar才能(); 　　,& lt;/script> 　　,& lt; div 类=癱ontainer-fluid"比; 　　& lt;才能div 类=皉ow"比; 　　,,& lt; div 类=癱ol-md-3"比; 　　,,,& lt; div 类=癴orm-group"比; 　　,,,,& lt; label>文件内容& lt;/label> 　　,,,,& lt; textarea 类=癴orm-control",行=?“,id=癱ontent"在测试文本,你可以随便修改,完事后点保存。;/textarea>, 　　,,,& lt;/div> 　　,,,& lt; div 类=癴orm-group"比; 　　,,,,& lt; label>文件名& lt;/label> 　　,,,,& lt; input 类型=皌ext",类=癴orm-control", value=皌est.txt", id=癴ile-name"比; 　　,,,& lt;/div> 　　,,,& lt; a  id=皊ave-btn",类=癰tn  btn-default",下载=皌est.txt",角色=癰utton"在保存& lt;/a> 　　,,& lt;/div> 　　& lt;才能/div> 　　,& lt;/div> 　　,& lt; script> 　　void 才能;函数(){ 　　,,var 内容,文件名,,saveBtn; 　　,,content =, document.querySelector(, & # 39; #内容# 39;,); 　　,,fileName =, document.querySelector (, & # 39; # file-name& # 39;,); 　　,,saveBtn =, document.querySelector (, & # 39; # save-btn& # 39;,); 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null

使用JavaScript怎么将文本文件保持到本地