仅使用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不会，也不应该直接访问本地文件系统。