使用FS0讀寫文本文件

2012/11/11 12:25:07作者：佚名來源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

使用FS0讀寫文本文件

【實(shí)例描述】

文件操作是網(wǎng)頁中常用的數(shù)據(jù)處理方法，有時(shí)可以將網(wǎng)頁內(nèi)容保存到文本文件或XML文件中。本例學(xué)習(xí)如何使用JaVascript操作文本文件。

【實(shí)例代碼】

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>pubs-學(xué)無憂（denvermotorcycleaccidentlawyer.com）</title>
<style>
 table {
  border:2 groove black;
  position:absolute;
  top:10;
  left:10;
 }
 td {
  border:1 ridge blue;
 } 
</style>
</head>
<script language="Javascript">
 var path="c:\\";      //文件路徑
 var fname="test.txt"  //文件名
 window.status="郵件信息"; //狀態(tài)欄信息
 function getFileName(){
  if (txtFile.value != "" && txtFile.value != " ")
 //如果用戶不輸入文件名
   fname=txtFile.value;         //使用默認(rèn)文件名
 }
 function saveFile(){           //保存文件的方法
  var fso,file;
  if (txtContent.value == ""){  //判斷是否填寫了文件內(nèi)容
   alert("請(qǐng)輸入文件內(nèi)容!");
   return;
  }else{
   getFileName();               //獲取文件名
   fso=new ActiveXObject("Scripting.FileSystemObject");
//創(chuàng)建文件對(duì)象
   file = fso.CreateTextFile(path + fname,true);       
//指定文件詳細(xì)路徑
   file.WriteLine(txtContent.value);                   
//輸出文件內(nèi)容
   file.close();          //關(guān)閉文件寫入流
   alert("保存完畢!");
  }
 }
 function readFile(){             //讀取文件的方法
  var fso,str,file;
  getFileName();
  fso = new ActiveXObject("Scripting.FileSystemObject");
//創(chuàng)建文件對(duì)象
  str = "文件內(nèi)容為空";
  if (fso.FileExists(path + fname)){               
//判斷文件是否存在
   file=fso.OpenTextFile(path + fname,1);          
//打開文件
   str=file.readall();         //讀取文件所有內(nèi)容
   file.close();     //關(guān)閉文件讀取流
  }
  txtContent.value = str; //顯示文件內(nèi)容
 }
</script>
<body>
<table width="437" height="157" border="0" 
align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="433" height="28">文件名：
      <input type="text" id="txtFile">
   <button name="save" onClick="Javascript:saveFile()">保存</button>
   <button name="read" onClick="Javascript:readFile()">讀取</button>
    </td>
  </tr>
  <tr>
    <td height="23"><div align="center">文件內(nèi)容</div></td>
  </tr>
  <tr>
    <td><textarea name="txtContent" rows="18" cols="60">
</textarea></td>
  </tr>
</table>
</body>
</html>

【運(yùn)行效果】

使用FS0讀寫文本文件運(yùn)行效果

【難點(diǎn)剖析】

本例的難點(diǎn)是如何使用操作文件的“Scripting．FileSystemObject”組件。此組件就是常說的FSO對(duì)象，用于在JavaScript中處理文件。此對(duì)象的“CreateTextFile”方法用來創(chuàng)建文件，注意創(chuàng)建文件時(shí)需要指定文件的絕對(duì)路徑?！癘penTextFile”方法用來打開文件也需要文件的絕對(duì)路徑?！癢riteLine”方法用來寫內(nèi)容到文件。“readall”方法用來讀取文件內(nèi)容。

【源碼下載】

為了JS代碼的準(zhǔn)確性，請(qǐng)點(diǎn)擊：使用FS0讀寫文本文件進(jìn)行本實(shí)例源碼下載

標(biāo)簽： FS0讀寫文件