CSS及HTML、js中的资源路径问题

路径分为相对路径和绝对路径

一、相对路径。

相对于文件本身的路径。

用 ./ 表示同一文件夹下的兄弟文件。

用../ 表示所处文件夹的父文件夹中的文件。

二、绝对路径。

本机绝对路径是例如 E:\phpStudy\WWW\NEWPC\images.

网络的绝对路径是指：例如一张图片的绝对路径 https://ss3.baidu.com/-rVXeDTa2gU2pMbgoY3K/it/u=2048526859,4160700425&fm=202&mola=new&crop=v1。

最近因为项目的页面结构调整，利用angular 中的ng-include 指令，将页面导航及底部部分独立出来作为公用文件。公用文件中的图片地址之前引用的是相对地址，当文件层级发生改变之后，相对路径就只能满足固定层级的定位关系。

于是我使用绝对路径，关于根文件夹的选取，我的所有文件都放在NEWPC文件夹中，所以地址改为

/NEWPC/images/state_icon.png

如此这般就没问题了

时间： 2024-10-08 09:59:20

CSS及HTML、js中的资源路径问题的相关文章

Android4.4中获取资源路径问题

关于Android4.4的图片路径获取,如果回来的Uri的格式有两种 [java] view plaincopy content://com.android.providers.media.documents/document/image:3951 [java] view plaincopy content://media/external/images/media/3951 出现第一种Uri的操作方式如下图所示: 直接点选最近的图片,应该是Android4.4 特有的Api . 找到了一个更全

(转)CSS与JS中的相对路径引用简单介绍

javascript和css文件中采用相对路径,其基准路径是完全不同的. 1.javascript引用资源(比如图片)相对路径是以宿主路径(被引用的网页比如你在首页index.php引用了某js文件,则index.php即为宿主)所处位置为基准. 2.css引用资源(比如图片)相对路径是以.css文件所处位置为基准! 大家在html中通常会导入一些外部的css.js文件,而其中一个比较容易被忽视的问题就是路径问题,有时候,我们在css.js中都有通过路径来引入一张图片的需求,当我们采用相对路径的

js中获取项目路径的小插件

//立即执行的js (function() { //获取contextPath var contextPath = getContextPath(); //获取basePath var basePath = getBasePath(); //将获取到contextPath和basePath分别赋值给window对象的g_contextPath属性和g_basePath属性 window.g_contextPath = contextPath; window.g_basePath = basePa

java中的资源路径resource path

java在操作文件的时候必然需要知道这个文件在哪里.每种文件就是一种资源,java获取资源的方式有两种: 1.通过java.io包中的类,例如File,其他类和File类似 2.通过Class或者ClassLoader 先看看File类: An abstract representation of file and directory pathnames. User interfaces and operating systems use system-dependent pathname st

CSS属性与js中style对象的属性对应表

CSS语法(不区分大小写) JavaScript语法(区分大小写) border border border-bottom borderBottom border-bottom-color borderBottomColor border-bottom-style borderBottomStyle border-bottom-width borderBottomWidth border-color borderColor border-left borderLeft border-left-c

Vue.js——打包之后资源路径产生问题

https://blog.csdn.net/qq_30632003/article/details/79353035 https://www.cnblogs.com/diantao/p/7776523.html 对于url,下面的设置比较可行,通过 require 引入 <template> <div class="recImage"> <div :style="{backgroundImage:'url('+urlData+')'}"

js相对路径相关（比如：js中的路径依赖导入该js文件的路径）

问题描述: 前几天调用同事的js接口文件,在他自己的html测试页面ok,在我这边调用时出现问题. debug过程中,将该测试html移到其他位置都不行,放到原html测试页面同层次路径下是OK的. 解决过程: 很疑问啊,用F12调试下,在调用的js中,发现xmlhttp.status返回状态是404,靠,原来是找不到文件. 仔细看了下,在js中看到如下代码:[var requestURL = "../servlet/ajaxServlet.jsp";]坑爆了, 模糊记得js中引用路径

27.Spring-Boot中拦截器中静态资源的处理（踩过坑）以及Spring mvc configuring拓展介绍

一.springboot中对静态资源的处理默认情况下,springboot提供存放放置静态资源的文件夹: /static /public /resources /META-INF/resources 对于maven项目即就是存在src/main/resources 文件夹下. ? 如图:static文件夹就是springboot中默认的文件夹在页面中这样写路径<link href="themes/bootstrap.min.css" rel="stylesheet&

Spring MVC程序中怎么得到静态资源文件css,js,图片文件的路径问题

问题描述在用springmvc开发应用程序的时候.对于像我一样的初学者,而且还是自学的人,有一个很头疼的问题.那就是数据都已经查出来了,但是页面的样式仍然十分简陋,加载不了css.js,图片等资源文件,如果你输入某个css的文件在浏览器中得到的直接是404错误(例如http://localhost:8080/iMax_view/css/classify.css),表示路径肯定没有错,这是因为你在web.xml中配置的springservlet ]<!-- springmvc前端控制器,rest