[英]Read data from text file in javascript
我正在嘗試建立一個復雜的網站,我想將其拆分為多個文件,其中之一就是內容本身,為此,我想創建一個函數來更改文件中的div內容。
整個代碼:
<html>
<body onLoad = "uploadData();">
<div id = "text"> </div>
</body>
<script>
function uploadData()
{
var file = new File("data");
file.open("r");
var data = "";
while (!file.eof) {
data += file.readln() + "\n";
}
file.close();
alert(data);
document.getElementById('text').innerHTML = data;
}
</script>
</html>
代碼在第7行有錯誤。請幫助我!
出於安全原因,您不能在現代瀏覽器中以這種方式讀取文件(腳本已沙盒化 )。
也許您是從非常老的非標准Javascript參考(例如JavaScript Programmer's Reference (Cliff Wootton,2001年)或Pure JavaScript (Charlton Ting,Jason Gilliam,Allen R. Wyke,1999年)中獲得這些功能的。 這些都是非常古老的手冊,並且處理過時的瀏覽器版本(Internet Explorer 4 ...)。
您還可以在不是瀏覽器引擎的JS引擎(如Adobe InDesign,NodeJS或ShellJS)提供的API中找到這些功能或類似集合。 使用JS引擎並不意味着您會找到與另一個引擎相同的API。 通常,使用NodeJS和Firefox JS引擎(當前為OdinMonkey)不會做相同的事情。
如果要使用外部資源(位於服務器中的文件)動態更改頁面的內容(即DOM結構),請使用Ajax技術。
最后, 在這個SO問題中 ,您將找到一些獲取本地文件內容的方法,但是它們必須由用戶手動選擇 。
如果要創建復雜的網站,則需要Web服務器。 假設您的內容不需要服務器端渲染並且已經安裝了Apache,那么簡單的XHR函數可以幫助您獲取內容。 如果普通的XHR沒有幫助,jQuery也許可以簡化事情。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.