因為隻用讀取，并沒有用到activex控件，另外，需要開啟本地apache環境，因為跨域阻止讀取檔案。直接上代碼。
<!DOCTYPE html>
<html >
<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>
![kettle軟體的字元串控件的使用與介紹[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)