僅使用javascript讀取TXT文件

Question

可以從我的HTML5游戲資源中逐行讀取txt文件嗎？ （資源=我的游戲項目中的一個文件夾）我在這個文件中保留了關於游戲中關卡的信息。 我發現只使用PHP，Ajax的例子，但所有這些都需要服務器，但我想在服務器或離線模式下運行我的游戲。 提前致謝。

Answer 1

模板和預處理語言（如LESS或CoffeeScript）經常使用的一種技術是使用腳本標記，其type屬性不被瀏覽器識別。 這會導致瀏覽器和搜索引擎忽略它，但可以通過JavaScript訪問。

演示 | 代碼視圖

  <script type="text/mygamelevel" id="level1">
    0010011001111011
    0011011100010
    10101110111101101
  </script>

  <script type="text/javascript">
    var level = document.getElementById("level1").text;
    var lines = level.split("\n");
    for (var i=0; i<lines.length; i++) {
      var line = lines[i];
      if (!line.trim()) continue;

      alert(line);
    }
  </script>

---

如果首選文件，您可以動態請求它。 這是使用jQuery的get函數的一個例子。

$.get('levels/level1.txt', function(level) {
    var lines = level.split("\n");
    for (var i=0; i<lines.length; i++) {
      var line = lines[i];
      if (!line.trim()) continue;

      alert(line);
    }
});

不保證回調中的代碼將在任何給定時間執行，因此我建議在其中放置一些啟動新級代碼，而不是代碼中的任何其他位置。 否則，您不知道您是否已下載級別信息。 通過內聯數據來避免此問題，如本答案的第一個片段所示。

Answer 2

瀏覽器的JavaScript不會，也不應該直接訪問本地文件系統。