首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js、css外部文件的相对路径问题

如果js、css外部文件有使用到相对路径时,需要注意其相对路径的基准是不一样的。...比如说,在index.html中引用到了外部的js和css文件,这两个文件都通过相对路径引用了某一张图片;这些文件所在的目录如下: 1 2 3 4 5 6 7 8 9 . ├── js | └──...index.js ├── css | └── index.css ├── images | └── bg.jpg └── index.html js文件的相对路径是以引用该js文件的页面为基准...)"; } css文件的相对路径是以自身的位置为基准,所以在css文件中的相对路径是: 1 2 3 .index_bg { background-image: url(.....js文件的页面为基准 css文件的相对路径是以自身的位置为基准 警告 本文最后更新于 May 2, 2018,文中内容可能已过时,请谨慎使用。

3.7K40
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    SpringBoot获取项目文件的绝对路径和相对路径

    @toc1.场景比如上传图片或者读取项目里的excel文件内容等,都需要准确获取文件路径2.说明项目代码大致样式获取路径说明所谓获取的相对路径,其实是获取项目打包后的target目录的路径,而不是咱们平常看到的代码路径...,具体可查看下方图片3.举例说明网上常见几种方法的路径获取结果request.getServletContext().getRealPath("")request.getServletContext()...,ResourceUtils引入的是package org.springframework.util;详情说明:方法1、2的request.getServletContext().getRealPath...("")和 request.getServletContext().getRealPath("/")获得的路径不是项目路径,而是c盘下一个tomcat目录路径)undefined结果比如:C:\Users...OperateExcelController.class.getClassLoader().getResource("").getPath()和ResourceUtils.getURL("classpath:").getPath()实际获取的都是编译包里的根据经

    18200

    jsp:include引入jsp文件的时候(如果被包含的文件存在js文件),不要用相对路径

    先回忆一下二者的区别(对于此篇文章而言,二者在用法上没有区别) jsp:include是先编译一下included.jsp文件,然后再包含 先编译,后包含 @ include是先把文件包含就来...在集成时,我的思路是写一个公共JSP文件,里面包含一些常用的js文件,当然此处我用的就是Jquery插件了。...由于做的项目文件较多,故文件都不放在一个文件夹下:在公共JSP页面中,有 的相对位置传给了自己的JSP,但自己的JSP以自身为标准,通过路径就找不到Jquery插件了。...简单地说,就是如果用相对路径,则公共JSP中的路径就应该是相对自己jSP的路径了。

    2.7K10

    HTML引入文件的绝对路径、相对路径、根目录

    什么是相对路径?相对路径是指该文件所在路径与其它文件(或文件夹)所在路径的关系。...相对路径里常使用“../”来表示上一级目录,如果有多个上一级目录,可以使用多个“../”表示为上上级; 如果链接到当前目录下,只需输入被链接对象的名称即可,如:aaa.jpg; 如果链接到下一级目录,只需输入该目录名...相对路径适合网站的内部引用,只要是在同一个站点,就可以自由的在文件之间构建链接,不受站点所处服务器的影响,这种书写形式省略了绝对路径中相同的部分,可以在站点文件所在服务器地址发生改变时,文件夹的内部链接不会出现问题...根目录是指逻辑驱动器的最上一级目录,本地根目录例如C盘、D盘等; 网站根目录指的是一个服务器上同时放置多个站点使用,或者一个大规模站点需要放置在几个服务器上。...声明:本文由w3h5原创,转载请注明出处:《HTML引入文件的绝对路径、相对路径、根目录》 https://www.w3h5.com/post/44.html (adsbygoogle

    10.5K10

    Python文件操作—— 补充(“相对路径”与“绝对路径”的区别)

    二、亲身体会什么是"相对路径" 1、在桌面创建一个文件夹,名字为"py_file" 2、打开"py_file",再创建一个文件夹"py_myfile" 3、然后运行一下file.py 文件 4、...总结 一、路径问题 我们在进行文件操作的时候,难免会遇到路径问题,路径分为两种:绝对路径和相对路径,所谓路径就是你要访问的对象的位置,下面我就来给大家介绍一下这两者的区别 1、什么是"绝对路径"?...此图中,我们可以看到,红箭头所标的地方即是 Pycham 的 绝对路径,也就是文件在我们本地电脑上的存储具体位置 二、亲身体会什么是"相对路径" 在介绍相对路径之前,我还得介绍一个概念"根目录","...根目录" 是指我们当前文件所在的位置,我们知道,我们 Windows 操作系统的桌面实际上就是C盘的一个文件,我们在桌面再创建一个文件夹, 名字命名py_file ,打开它,然后创建一个文件名为py_myfile...以后写大型程序的时候,我们用到的都是相对路径,这样的话,。我们写的程序才可以在别人的电脑上运行

    1.4K30

    gradle项目中资源文件的相对路径打包处理技巧

    开发java application时,不管是用ant/maven/gradle中的哪种方式来构建,通常最后都会打包成一个可执行的jar包程序,而程序运行所需的一些资源文件(配置文件),比如jdbc.properties...面对这种需求,更好的方式是把配置文件放在jar文件的外部相对目录下,程序启动时去加载相对目录下的配置文件,这样改起来,就方便多了,下面演示如何实现:(以gradle项目为例) 主要涉及以下几点: 1、如何不将配置文件打包到...2、log4j2的配置加载处理 log4j2加载配置文件时,默认情况下会找classpath下的log4j2.xml文件,除非手动给它指定配置文件的位置,分析它的源码,可以找到下面这段:org.apache.logging.log4j.core.config.ConfigurationFactory.Factory...之前设置系统属性,将其指到配置文件所在的位置即可。...3、其它一些配置文件(比如spring配置)的相对路径加载 这个比较容易,spring本身就支持从文件目录加载配置的能力。

    3.2K50

    MarkDown文件插入图片(绝对相对路径调整图像大小位置)

    [图片说明](图片有效链接网址) 方法2: 2、插入本地图片(文件夹路径) 绝对路径和相对路径 绝对路径是是带有盘符的链接,例如‘F:\image\test.png...’; 相对路径md文件所在文件夹及子文件夹,例如md文件在‘F:\’内,‘F:\image\’、‘F:\test\’都是相对路径; 由于绝对路径在不同的环境下无法有效加载图片,比如你在电脑做的MD笔记,...MD文件拷给别人,图像是绝对路径,图像路径不同就加载不出来,因此一般使用相对路径。...路径使用 在使用相对路径时,无法引用文件所在目录的上一层目录中的图片,只能引用该文件所在文件夹或子文佳佳中的图片。...例如md文件路径为:‘F:\文件\笔记.md’,若图片在‘F:\文件\’的文件夹和子文件夹下,才可以用相对路径,若图在‘F:\’目录或者其他盘符目录下,不能用相对路径。 方法1:![图片说明](.

    5.9K10

    文件服务器的搭建(linux文件服务器搭建)

    大家好,又见面了,我是你们的朋友全栈君。 经过两天的研究终于把文件服务器搞定了,现在给各位午饭分享一下哦。...管理员能访问所有的共享文件,但是不能访问员工自己的私有文件 4. 超过一定使用空间的员工给予提醒 为了达到上述要求,我们在文件服务器上可以做如下的设置。 先以采购部为例,进行问题的说明。...但是现在我们要把这个用户删除,然后再添加用户1,以实现管理员对该文件夹的所有控制权 点击“完全控制“。此时,用户1,已经是文件服务器该文件夹的所有共享权限了。...呵呵,这是因为我们在服务器上设置的共享文件,没有映射到域中。...我们再次切换到服务器上,打开“管理您的服务器”→文件服务器→管理此文件服务器,找到共享的文件夹,选择“属性” 选择“发布”选项,点击“将这个共享在AD中发布”,然后确定。

    10.4K20

    Go语言:如何解决读取不到相对路径配置文件问题

    ,原因是直接run go文件时会将文件转移到临时路径下,然后再进行编译和执行,如果直接执行编译后的文件就不一样了,此时分片0为执行文件的相对路径 $ go build $ ....大致意思就是它会去环境变量中找这个可执行文件的绝对路径,或相对于当前目录的路径。...意思是它会根据传入的路径计算出绝对路径,如果传入的为相对路径,那么它会把当前路径拼接上 此时返回的path是一个包含可执行文件在内的完整路径,我们只需要精确到目录即可 index := strings.LastIndex...index := strings.LastIndex(path, string(os.PathSeparator)) path = path[:index] 我们来看一下源码,exec.LookPath的作用是从相对路径或环境变量...PATH中递归找可执行文件,这起着一个校验的作用,检测调用的可执行文件是不是真的存在,如果存在再继续往下拼接出绝对路径,因为我们的执行文件的确是存在的,所以就算不使用exec.LookPath也可以达到目的

    7.9K20

    基于OSS服务器的文件上传以及文件下载

    Hello,今天想跟大家分享一下我近期做的项目中使用的文件上传与文件下载,其实在以前我们想要做文件上传可能要自己去搭建一个专门的服务器,然后将我们的文件上传到这个服务器上,下载就从我们这个服务器上去进行下载就行了...但是现在随着技术的发展,像阿里这样的公司给我们开发了好多一些专门的服务器来干这样的事情,根本不用我们自己再去搭建服务器,这样用起来确实可以省很多的事情,我们要做的只是购买一台云服务器,将配置参数配置配置就可以实现文件的上传与下载...其实你可以这样理解,它就是阿里推出的一款云服务器,专门用来做文件存储的,这里需要知道OSS它的存储结构是对象存储,什么意思,就是说它是一个key-value的存储结构,它是支持任何非结构化(图片,视频,...= new ObjectMetadata(); om.setContentLength(multipartFile.getSize()); // 设置文件上传到服务器的名称...这样就已经上传成功了,我们来看下我们的服务器是不是有这样一个文件: ? 这就已经完成了文件的上传功能。 其实下载也是很简单的,只需要我们在上传的时候拿到这个文件返回的url地址就可以了。

    7.5K10

    web前端入门到实战:HTML引入文件的绝对路径、相对路径、根目录

    什么是相对路径? 相对路径是指该文件所在路径与其它文件(或文件夹)所在路径的关系。...相对路径里常使用“../”来表示上一级目录,如果有多个上一级目录,可以使用多个“../”表示为上上级; 如果链接到当前目录下,只需输入被链接对象的名称即可,如:aaa.jpg; 如果链接到下一级目录,只需输入该目录名.../文件名,再输入对象名称即可,如:images/aaa.jpg或者./images/aaa.jpg; 综上所述,如引用上上级目录下的css文件夹中的style.css文件,代码为:../.....相对路径适合网站的内部引用,只要是在同一个站点,就可以自由的在文件之间构建链接,不受站点所处服务器的影响,这种书写形式省略了绝对路径中相同的部分,可以在站点文件所在服务器地址发生改变时,文件夹的内部链接不会出现问题...根目录是指逻辑驱动器的最上一级目录,本地根目录例如C盘、D盘等; 网站根目录指的是一个服务器上同时放置多个站点使用,或者一个大规模站点需要放置在几个服务器上。

    2.5K30
    领券