首页
学习
活动
专区
工具
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(...../index.js"> 总结 js文件的相对路径是以引用该js文件的页面为基准 css文件的相对路径是以自身的位置为基准 警告 本文最后更新于 May

3.7K40

相对路径,‘’,‘.’,‘..’

python3相对路径 “/” 前有没有 “.” ,有几个“.”,意思完全不一样。...“/”:表示根目录,在windows系统下表示某个盘的根目录,如“E:\”;“./”:表示当前目录;(表示当前目录时,也可以去掉“./”,直接写文件名或者下级目录)“../”:表示上级目录。....close() # macOS系统下,不推荐在根目录直接创建文件,会产生PermissionError: [Errno 13] Permission denied,但可以在一些允许读写的文件夹下面操作...\n') f2.write('在根目录,windows系统下就是在某个盘的根目录下,如E:\\file2.txt') f2.close() f3 = open('....\n') f4.write('该.py文件所在位置的上级目录') f4.close()代码执行完后,可以发现生成的文件位置如下图所示:(上述代码保存在 tmp.py 文件中)?

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

    RPO 相对路径覆盖攻击

    : 本文作者:mntn RPO (Relative Path Overwrite) 相对路径覆盖,最早由 Gareth Heyes 在其发表的文章中提出。...主要是利用浏览器的一些特性和部分服务端的配置差异导致的漏洞,通过一些技巧,我们可以通过引入相对路径来引入其他资源文件,以达到我们的目的。...漏洞成因: RPO 依赖于浏览器和网络服务器的反应,基于服务器的 Web 缓存技术和配置差异,以及服务器和客户端游览器的解析差异,利用前端代码中加载的 css/js 的相对路径来加载其他文件,最终浏览器将服务器返回的不是...那么服务器在解码 url 的时候会发生什么有趣的事呢? 我们在 index.php 中使用相对路径引入 rpo.css 文件 的 css 文件路径改变,index.php 路径没有改变,由此可见服务器在访问相对路径文件时的差异是以最后一个可用的 / 作为根目录 这句话我看资料的时候一直不懂,自己复现的时候才明白

    2.8K10

    相对路径和绝对路径的区别

    在HTML里只要涉及文件的地方(如超级链接、图片等)就会涉及绝对路径与相对路径的概念。  1.绝对路径     绝对路径是指文件在硬盘上真正存在的路径。...3.相对路径     为了避免这种隋况发生,通常在网页里指定文件时,都会选择使用相对路径。所谓相对路径,就是相对于自己的目标文件位置。...img”子目录里,则引用图片的语句应该 为:             注意:相对路径使用“/”字符作为目录的分隔字符,而绝对路径可以使用“\...由于“img”目录是“第2章”目录下的子目录,因此在“img”前不用再加上“/”字符。 在 相对路径里常使用“../”来表示上一级目录。.../img/bg.jpg">   4.相对虚拟目录 有关相对路径还有一个比较特殊的表示:“相对虚拟目录”。

    2.6K100

    相对路径和绝对路径

    目录一、基本概念二、符号表示三、举例:1.文件在当前目录2.文件在上一层目录3.文件在下一层目录4.根目录表示法四、注意1.CSS中的图片路径2.JS中图片地址均相对于调用JS的页面的相对位置五、优缺点分析...----一、基本概念相对路径:即相对于当前文件的路径,前端开发中比较常用的路径表示方法。...四、注意1.CSS中的图片路径写到CSS中的图片路径,url是图片针对样式文件的位置。.../images/1.jpg)2.JS中图片地址均相对于调用JS的页面的相对位置如:document.getElementById("IMG1").style.backgroundImage = "url.../Images/login.jpg)";五、优缺点分析相对路径更方便更改,相对比较灵活,但是如果不慎易造成链接失效,并且容易被人抄袭。绝对路径的话能避免这个问题,但是灵活性上相对较弱。

    5.1K10

    相对路径和绝对路径的区别

    相对路径:相对与某个基准目录的路径。包含Web的相对路径(HTML中的相对目录),例如:在 Servlet中,"/"代表Web应用的根目录。和物理路径的相对表示,例如:"./" 代表当前目录, "...../"等类似的相对该文件位置的相对路径,这样 当文件移动时,很容易出问题。3....JSP/Servlet中获得当前应用的相对路径和绝对路径3.1 JSP中获得当前应用的相对路径和绝对路径根目录所对应的绝对路径:request.getRequestURI()文件的绝对路径  :application.getRealPath...("yourconfig/yourconf.properties"); b.使用相对路径: 相对路径的根目录就是你的webapplication的根路径,即WEB-INF的上一级目录,将你的参数文件放...1、在Java开发工具的project中使用相对路径在project中,相对路径的根目录是project的根文件夹,在此就是repathtest文件夹了。

    6.4K10

    (转)母版页和相对路径

    一个经常让开发人员疑惑的问题是母版页是如何处理相对路径的。如果你使用的是静态文字,这一问题不会困扰你。不过,如果你加入了标签或者指向其他资源的HTML标签,问题就可能发生。...不过,如果你不够小心,使用相对路径时会带来问题。...遗憾的是,这种语法只对服务器端控件有效。如果你要对普通的HTML产生同样的效果,你需要在链接里包含域名的完整的相对路径。这样的HTML代码难看且不可移植,所以不推荐使用。...今天在解决这个问题的时候另一个问题又出现了,现在我要在母版页引入jquery的文件,按照上面的方法我写成    js/jquery.js" type="text/javascript...("~/js/jquery.js") %>' type="text/javascript"> 第一次知道有ResolveUrl这个方法,还真不错,呵呵...

    1.8K20

    用相对路径的图片改变java winform的窗口icon

    这次的相逢让我想起了往事,在大一和大二的时候,当时曾在做课程设计的时候有做过VB和C#的WINFORM开发,众所周知,微软傻瓜式的IDE让我们玩得不亦乐乎,于是也使WINFORM给我留下了美好的回忆,呵呵...首先,我运行了一下,第一个发现的问题是窗口标题左侧的java logo很刺眼,那杯热气腾腾的咖啡作为窗体的icon看起来很不专业,有点不伦不类的感觉,于是,我第一个便拿它开刀:先换掉它! 怎样换呢?...再扫了一遍它的属性,发现有两个属性是比较可疑的,iconImage和iconImages,按照单词的意思,大概可以他们来达到我的目的吧。...点了一下这两个属性对应的右侧的编辑按钮,弹出来一个相应的编辑框,编辑的文本框还被套在了一个叫setIconImage的方法里面,很自然地,我将原打算作为图标的图片的url填了进去,然后保存,运行,没有效果...,但稍有头脑的开发人员都应该知道,用绝对路径是很危险的做法,也是很不灵活的做法,所以用getClass().getResource方法来过渡,这样,就可以实现用相对路径来定义窗体的图标啦

    80320

    Linux中的绝对路径和相对路径

    一、介绍 1,文件路径 什么是文件的路径? 答:这个文件存放的地方,可以联想为 文件的“家”。...在Linux中,存在着绝对路径和相对路径 绝对路径:路径的写法一定是由根目录 / 写起的,例如 /usr/local/mysql 相对路径:路径的写法不是由根目录 / 写起的,例如 首先用户进入到 /home...此时用户所在的路径为 /home/test。第一个cd命令后紧跟/home,前面有斜杠;而第二个cd命令后紧跟test,前面没有斜杠。这个test是相对于/home目录来讲的,所以称为相对路径。...该命令的格式为:mkdir [-mp][目录名称]。其中 -m、-p为其选项。 -m选项用于指定要创建目录的权限 -p选项可以帮我们创建一大串级联目录,并且当创建一个已经存在的目录时不会报错 ? ?...ls -ld 命令可以查看指定目录的属性,如果不加 -d则会显示该目录里面的文件和子目录的属性; mkdir -p后面跟一个已经存在的目录名时,它不会做任何事情,也不会报错。

    6.5K50
    领券