Html 用 JavaScript 读取本地文本文件
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/15589700/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Reading a local text file in JavaScript
提问by akinuri
I just started learning JavaScript and I have a small problem. I have a text file with some text in it. I can read the content of the text file in browser (I mean in .hta) but the text appears as a single line. I want to add line breaks to each line. How do I do that?
我刚开始学习 JavaScript，但遇到了一个小问题。我有一个文本文件，里面有一些文本。我可以在浏览器中读取文本文件的内容（我的意思是在 .hta 中），但文本显示为一行。我想为每一行添加换行符。我怎么做？
Text file content:
I want to live where soul meets body
And let the sun wrap its arms around me
...
文本文件内容：
我想住在灵魂与身体相遇的地方
，让太阳用双臂环绕我
......
JS:
JS：
var fso = new ActiveXObject("Scripting.FileSystemObject");
var txtFile = fso.OpenTextFile("C:\myJS\test.txt", 1, false, 0);
var fText = txtFile.Read(1000);
document.write(fText);
txtFile.Close();
fso = null;
The output:
I want to live where soul meets body And let the sun wrap its arms around me ...
输出：
我想住在灵魂与身体相遇的地方，让太阳用双臂环绕我......
Any advice, suggestion is appreciated.
任何建议，建议表示赞赏。
回答by Teemu
This happens because HTML doesn't recognize linebreaks in the text file. You need to add some HTML to your output. Something like this:
发生这种情况是因为 HTML 无法识别文本文件中的换行符。您需要在输出中添加一些 HTML。像这样的东西：
function readFile (path) {
var fso = new ActiveXObject('Scripting.FileSystemObject'),
iStream=fso.OpenTextFile(path, 1, false);
while(!iStream.AtEndOfStream) {
document.body.innerHTML += iStream.ReadLine() + '<br/>';
}
iStream.Close();
}
This function reads the whole file. If you want to read exactly 1000 lines, you can use a forloop, but you'll need to check that the file is not shorter than 1000 lines by using AtEndOfStreamproperty.
该函数读取整个文件。如果您想准确读取 1000 行，可以使用for循环，但您需要使用AtEndOfStream属性检查文件是否不短于 1000 行。
Just take care of this function is invoked within bodytag, or in a window.onloadhandler. Notice, that my code uses DOM manipulation instead of document.write().
只需注意这个函数是在body标签内调用的，或者是在window.onload处理程序中调用的。请注意，我的代码使用 DOM 操作而不是document.write().
