本文介绍如何使用JavaScript快速读取外部TXT文件。通过对比Excel读取耗时，展示将数据保存为TXT后利用ActiveXObject在IE浏览器中读取的优势。提供完整HTML案例代码，演示如何按行读取并格式化显示数据，适用于需要快速处理大量文本数据的场景。
前言
1 前言
近期遇到一个需求，需利用JavaScript快速读取外部的大数据文件（包含60万条记录的表格）。作者曾尝试用JS读取Excel文件，但耗时超过十分钟仍无结果。随后，作者尝试将原始数据保存为TXT格式，再通过JS读取该TXT文件，仅用几秒钟便完成读取。在此分享此方法，供日后参考。
案例演示
2 案例
为便于快速理解，作者选取了一个数据量较小且业务逻辑简单的案例：从TXT文件中读取数据，并按原始列表格式进行显示。
工作空间
待读取的TXT文件数据
read.html
代码实现
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>读取TXT文件</title>
</head>
<body>
<div id="text"></div>
<script language="javascript">
fso=new ActiveXObject("Scripting.FileSystemObject");
var f=fso.OpenTextFile("C:\\Users\\81518\\Desktop\\demo\\test.txt"); //这里必须为绝对路径
var str="";
while(!f.AtEndOfStream){
var temp=f.ReadLine().split(); //读取一行数据并按空格分割
for(i=0;i<temp.length;i++){
str+=temp[i]+" ";
}
str+="<br>";
}
document.getElementById("text").innerHTML=str;
</script>
</body>
</html>
运行结果与注意事项
运行结果
注意：ActiveXObject类是IE浏览器独有，所以应用IE浏览器打开。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持本站。