html5获取相对路径，html5获取当前位置

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

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

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

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

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

1、HTML相对路径(Relative Path)同一个目录的文件引用如果源文件和引用文件在同一个目录里，直接写引用文件名即可。我们现在建一个源文件info.html，在info.html里要引用index.html文件作为超链接。

2、例如：img src=imgpng / ，双引号下直接是文件名，这是找当前文件（3-图片标签.html）所在目录(图片标签)下的imgpng。当imgpng在图片标签目录在，那么就可以防问到。点击可以预览到图片效果。

3、新建一个HTML文件，命名为index.html，用于文件路径表示方法举例说明。

4、你用法没有错误，你错就错在斜杠上你应该用正斜杠(/)而不是用反斜杠(\).在html里面引用外部image，或者html都是./这样写的。例如A，B是2个页面并且在同一个目录下。

5、首先我们选择在文件test文件夹下，新建一个images文件夹，用来存放jpg和jpg。接下来，右键，点击新建---文本文档，然后将文本文档命名为utl.txt。

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

路径与相对路径很好理解，比如某网站的某个具体链接为http：//XXX.com/aa.html 那么http：//XXX.com/bb.html 与aa.html 都是绝对路径。是可以直接访问。bb.html与aa.html就是相对路径。

HTML5基本组成：HTML5=HTML+CSS+JavaScript HTML指的是结构：结构是在整个网页中有标题、列表、图片等。CSS是样式：样式是标题文字的字体大小、颜色、字体；图片大小；某个块的背景色或背景图等。

前端页面重构。主要内容为PC端网站布局、Photoshop 工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配 PC 端、移动端、平板设备等。

书中所有知识点均结合实例进行讲解，方便读者动手实践。同时在每章的最后还设置了习题，通过这些习题可以对本章学到的知识进行巩固。《HTML5从入门到精通》不仅能够使读者系统而全面地学习理论知识，还能满足读者充分实践的需求。

相对路径，一个点表示当前路径，两个表示上一级目录，加上斜杠加具体路径就行 2绝对路径，一般如果部署成网站，可以用图片的绝对路径，带上http的完整访问路径。

HTML相对路径(Relative Path)同一个目录的文件引用如果源文件和引用文件在同一个目录里，直接写引用文件名即可。我们现在建一个源文件info.html，在info.html里要引用index.html文件作为超链接。

相对路径的层级关系是这样的，同级目录用/或者什么也不写，上级目录用../，下级目录就用目录名/。

．HTML相对路径指由这个文件所在的路径引起的跟其他文件（或文件夹）的路径关系。

在html里面引用外部image，或者html都是./这样写的。例如A，B是2个页面并且在同一个目录下。

可以使用window对象的location对象的里的href来获取当前页面的URL地址。

绝对路径：D：\web\0js就是0js的绝对路径，比如0html文件要调用0js，直接用script src=D：\web\0js/script 相对路径：由于0html和0js在同一目录下。

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

在html里面引用外部image，或者html都是./这样写的。例如A，B是2个页面并且在同一个目录下。

html5获取相对路径的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html5获取当前位置、html5获取相对路径的信息别忘了在本站进行查找喔。