html5读取文件根目录，html读取txt

html5中对文件路径的操作是绝对路径还是相对路径

程序，网页，脚本等调用相对路径的东西，其实就是它们所处的那个目录下的文件。也就是说它们和被调用的文件是在同一个目录（子目录）下的。所以可以不用加上盘符等详细的路径。只需写上相对路径即可。

那么http：//XXX.com/bb.html 与aa.html 都是绝对路径。是可以直接访问。bb.html与aa.html就是相对路径。在网站中调用图片居多基本就是使用相对路径（./images/XX.jpg）等。

这个涉及到路径问题，如果想要兼容性好（到处都能看到图片），必须使图片和index文件在同一文件夹中，而且这个文件夹要保持完整，就是要使用“相对路径”，建议参考一下“绝对路径”和“相对路径”。

绝对路径指的是文件或目录的真实路径，表示方法一般是硬盘路径或带http开头的路径，如C：/website/web/index.htm 相对路径 ./表示方法，表示当前所在路径。

HTML有2种路径的写法：相对路径和绝对路径。HTML相对路径(Relative Path)同一个目录的文件引用如果源文件和引用文件在同一个目录里，直接写引用文件名即可。

路径可以写绝对路径，而一般的图片路径是一样，视频文件存放的路径，如果是相对路径，和一般的图片相对路径是一样的。

相关问答

Q1: html5能获取上传获取文件绝对路径吗?怎么获取?

绝对路径还有一种表示方法就是以服务器命名开始(如在本机中http：//localhost)的完整描述文件位置的路径，如通过IIS简历一个站点，站点下面有个文件叫test.htm，那么用绝对路径来显示这个文件就是http：//localhost//test.htm。

如果源文件和引用文件在同一个目录里，直接写引用文件名即可，这时引用文件的方式就是使用相对路径。下面建立两个HTML文档info.html和index.html，用作示例，要求都是在info.html加入index.html超链接。

不管是HTML5还是HTML4，绝对路径和相对路径概念都是一样的。

这个涉及到路径问题，如果想要兼容性好（到处都能看到图片），必须使图片和index文件在同一文件夹中，而且这个文件夹要保持完整，就是要使用“相对路径”，建议参考一下“绝对路径”和“相对路径”。

也就是说它们和被调用的文件是在同一个目录（子目录）下的。所以可以不用加上盘符等详细的路径。只需写上相对路径即可。写上包含盘符等内容的路径，就是一个完整的路径，也叫绝对路径。

Q2: 如何在Cocos引擎中配置Html5游戏开发环境

1、下载类库 新建HTML页面，引入相应类库 在onload之后，编写cocos2d-js代码，从cc.game.run()开始。入口代码其实跟SDK开发方式的main.js一样。这里更推荐使用SDK方式，因为可以通过阅读源代码获取API的使用说明。

2、建立第一个项目，项目环境设置开发一个场景（页面）很不幸，许多游戏引擎还是native方式搭建界面的，比如cocos，需要你一步步指明界面控件的位置。

3、话不多说，现在就开始介绍HTML5游戏开发的5条实用建议。建议1：使用框架如果只是用HTML5编写一些小程序其实非常简单，但如果想往你的游戏中加入更丰富的功能，那么就有许多其他的事情需要处理了。

Q3: HTML5怎么读取json文件

通过stringify()方法，将一个实体对象转换为JSON格式的文本数据，JSON.stringify(obj)。obj表示任意一个实体对象，该方法返回一个由实体对象转成JSON格式的文本数据集。

第一步：首先，需要创建一个Json文件。或者是用户自行从网络上获得Json文件。第二步：如果用户是创建的。还需要在新建的Json文件中输入数据。数据格式可以上网搜索。第三步：准备好Json数据文件以后，接着创建一个Html文件。

鼠标右键点击json文件；点击 打开方式 ；点击 更多应用 ；选择 记事本 ，点击 确定 ；这样就打开了json文件了。

json是一种文本格式，json格式的文件可以用记事本打开1右击需要打开的json文件，在展开的菜单中点击“打开方式”按钮选择打开方式2在展开的打开方式中找到“记事本”这个选项，然后双击记事本图标3这时json文件。

读取Json中的数据首先我编写了一个Json的文件，里面有内容。注意格式。图一 编写json的文件然后，编写html代码，并引用ajax。

那如何操作json格式的文件呢？这个更简单了，说白了就是直接读写文件，再把读出来的文件内容格式化成json就可以了。具体操作。

Q4: 原生js获取文件

HTML5新增了关于文件的File，FileReader两个对象，用于获取文件信息和读取文件信息。

先准备一个json文件。使用vscode创建一个html文件。开始撰写js方法，使用原生javascript来处理，先处理读取json文件，之后运行这个html。得到的json就是我们index.json文件中的内容。

使用getAttribute方法取就是当前标签的src值。

Q5: 如何使用javascript在html5上实现读取text文件并进行实时显示

1、你需要在本地架设网络环境，可以用nginx做个静态的服务，把要请求的txt放到服务目录里。就可以通过http请求了。

2、打开TXT文件的话，按照你的想法应该是用脚本实现打开客户端本地的txt文件读取里面的内容吧。

3、写onkeyup事件 js获取文本框的值个数进行判断 直接使用maxlength=20，input 加个id就可以了，然后js里用： document.getElementById(t1).value 来取得input的值。直接value去获取另外一个input里面的值。

4、可以使用Blob和FileAPI保存textarea内容到文件。HTML5的Blob和FileAPI提供了一种在客户端保存文件的方法。

5、hidden属性在html5中，只要存在，就是隐藏效果，而不论值为多少，要显示元素，要删除hidden属性，而不是设置为false。

html5读取文件根目录的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html读取txt、html5读取文件根目录的信息别忘了在本站进行查找喔。