我们习惯性用后端语言对文件进行各种操作,其实前端js语言也是可以的,本文主要详解基于Javascript如何实现写入txt和读取txt文件,特意分享给大家,仅供参考学习。

一、准备工作
使用开发语言:Javascript
实现目标：写入txt文件和读取txt文件。

二、Javascript写入txt文件操作


/**
 * 创建一个可以将文件翻译成文件流的对象。
 * ActiveXObject带有三个参数：
 * 1.文件绝对路径;
 * 2.文件读写权限(1只读、2只写、3追加);
 * 3.允许新建则为true 相反为false；
 */   
var fso = new ActiveXObject(Scripting.FileSystemObject);
var f   = fso.createtextfile(“C:\a.txt”,2,true); 

/**
 * 1. Write（不再写入数据末尾添加新换行符） 
 * 2. WriteLine（要在最后添加一个新换行符） 
 * 3. WriteBlankLines（增加一个或者多个空行） 
*/
f.writeLine("Hello Word!");  //写入内容
f.close(); //关闭对象


运行结果如图：

Javascript写入txt文件操作


三、Javascript读取txt文件操作


var fso=new ActiveXObject(Scripting.FileSystemObject); 
var f=fso.opentextfile(“C:\a.txt”,1，true);
/**
 * 1.Read（用于读取文件中指定数量的字符
 * 2.ReadLine（读取一整行，但不包括换行符）
*  3.ReadAll（则读取文本文件的整个内容；
*/
while (!f.AtEndOfStream){ 
    f.Readline();   //判断是否读取到最后一行。
} 
f.close(); //关闭对象


四、这是一个Javascript读取txt文件的demo
代码如下：



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>你好</title> 
</head> 

<body> 
<div id="aa"></div> 

<script language="javascript"> 
var fso, ts, s ; 
var ForReading = 1; 

fso = new ActiveXObject("Scripting.FileSystemObject"); 
ts = fso.OpenTextFile("d:\\testfile.txt", ForReading); 
s = ts.ReadLine(); 
document.getElementById("aa").innerHTML=s; 
</script>
</body> 
</html>