因为只用读取，并没有用到activex控件，另外，需要开启本地apache环境，因为跨域阻止读取文件。直接上代码。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>读取txt文件并改写</title>
</head>
<div id="text">
hahahahahaha
</div>
<script type="text/javascript">
function load(name) {
let xhr = new XMLHttpRequest(),
okStatus = document.location.protocol === "file:" ? 0 : 200;
xhr.open('GET', name, false);
xhr.overrideMimeType("text/html;charset=utf-8");//默认为utf-8
xhr.send(null);
return xhr.status === okStatus ? xhr.responseText : null;
}
function write(str){
var newStr = str.replace(/\s+/g,'\n');
console.log(newStr);
document.getElementById("text").innerHTML = newStr;
}
var text = load("test.txt");
write(text);
</script>
</body>
</html>