以绝对路径的方式引入JavaScript和CSS文件

最新推荐文章于 2023-06-21 11:04:44 发布

小草帽_zoey

最新推荐文章于 2023-06-21 11:04:44 发布

阅读量879

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaWeb学习

本文链接：https://blog.youkuaiyun.com/Zoey0621_/article/details/49641671

JavaWeb学习专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了在JavaWeb开发中如何将大量的JSP页面进行合理分类，并通过使用绝对路径的方式引入CSS文件，以避免因目录变动导致的文件引入错误。特别强调了${pageContext.request.contextPath}

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在实训中发现了一个问题，JSP页面太多，想分门别类放在相应的文件夹下，但是因为引入了不少CSS文件，一直不知道该怎么改动。后来问老师，发现在JavaWeb开发中，常使用绝对路径的方式来引入JavaScript和CSS文件，这样可以避免因为目录变动导致引入文件找不到的情况。

使用${pageContext.request.contextPath}

<link rel="stylesheet" href="${pageContext.request.contextPath}/html/css/boxy,jquery.fancybox-1.3.4.css">

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小草帽_zoey

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

flask入门（三）静态文件

咪哥杂谈

07-23

532

咪哥杂谈本篇阅读时间约为 5 分钟。1前言上篇文章讲到 flask 的模板文件如何使用，印象模糊的朋友可以回顾一下flask入门（二）（不用写代码的前端！）今天的主题 ...

导入JS文件要用绝对路径……方便管理

大数据技术分享

03-23

3677

/resources/js/jquery-1.3.2.min.js">千成不能写成 :/resources/js/jquery-1.3.2.min.js" />导入JQuery时反正就是有时打不开，千万记住。

参与评论您还未登录，请先登录后发表或查看评论

用绝对路径引用JS、CSS

weixin_33929309的博客

11-30

472

项目中，最好使用绝对路径引用JS和CSS文件，详情如下： 1、vm文件中： <link rel="stylesheet" href="$!{request.contextPath}/themes/default/css/main/common/main.css"> <script data-main="$!{request.contextPath}/js/main/com...

使用绝对路径引入js

qq_38056518的博客

11-13

3057

绝对路径的js引用 <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-3.3.1.min.js"></script> 2.目录结构，项目目录

CSS样式表引用问题之绝对路径

Red_Liu

06-11

1528

例如iconfont 提供的 font-class引用 //at.alicdn.com/t/font_1876690_1hiszbbu61ch.css 正常是这酱紫： <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_180_1hish.css"> 但是在本地浏览，报错提示没有找到。（没进行线上测试）刚开始猜测是Google浏览器问题，换浏览器还是同样问题；至于原因没查到但是解决方法如下，在双斜杠前面

详解require.js配置路径的用法和css的引入

10-19

标题中提到的“require.js配置路径的用法和css的引入”指的是使用RequireJS来优化前端JavaScript模块的加载以及如何在RequireJS中引入CSS文件。RequireJS是一个JavaScript模块加载器，主要用于解决JavaScript文件间...

解决vue打包css文件中背景图片的路径问题

10-18

通过这种方式可以指定css文件中背景图片的路径前缀，使得即使在生产环境中，背景图片也能被正确加载。我们详细来看一下如何操作： 1. 打开项目中的build目录。 2. 找到utils.js文件，这是一个负责处理Webpack配置...

vue.js引入外部CSS样式和外部JS文件的方法

10-17

总结起来，在Vue.js项目中引入外部CSS样式文件和JavaScript文件是常见的需求，可以通过多种方式实现。使用@import语句或者直接在`<style>`标签内通过`src`属性引入外部样式文件，并且确保样式文件被放置在`#app`的...

基于Java、JavaScript和CSS的校友录设计源码

最新发布

09-26

LESS和SCSS样式表文件的引入，说明项目中使用了预处理器技术来简化CSS的编写，提高样式的可维护性。PNG和JPG图片文件是校友录页面中不可或缺的视觉元素，它们为校友录增添了丰富的视觉效果。JSP页面文件是Java服务器...

如何实现JavaScript动态加载CSS和JS文件

10-23

在现代网页设计和开发中，动态加载CSS和JavaScript文件是一种常见的需求。这通常是因为我们希望在页面加载时不要一次性加载所有的资源，这样可以加快页面的渲染速度，提升用户的体验，同时也能够在需要时才加载相关...

使用jQuery获取部署文件的绝对路径

用地理来解释一下

10-20

2826

代码” ${pageContext.request.contextPath}”的作用是取出部署的应用程序名，这样不管如何部署，所用路径都是正确的。缺点：操作不便，其他工具无法正确解释${pageContext.request.contextPath}

java web中绝对路径or相对路径的使用

不止于代码

12-28

459

补充：在javaweb项目中使用绝对路径适用一切，但相对路径的查找的效率较高且使用方便，使用相对路径一定要搞清楚相对的是哪个路径，多个javaweb项目之后，我发现项目中使用相对路径的情况大致分为以下几种： 1.资源路径：即在HTML文件中引用、等资源的路径。资源路径使用相对路径时，相对的是HTML网页文件的路径(HTML文件所在的文件夹)，当HTML文件和其他资源的相对位置不变时，完全可以使用...

java web绝对路径_JavaWeb 绝对路径与相对路径

weixin_39919948的博客

02-15

161

JavaWeb 绝对路径与相对路径CreateTime--2018年4月14日16:51:19Author:Marydon8.1 绝对路径web项目不可能使用绝对路径，因为：以文件的引用为例，tomcat会将项目发布到webApps文件夹下，所以文件的引用不能使用文件所在的磁盘位置8.2 相对路径情况一：严格意义上的相对路径在页面上用来表示路径的任何HTML标签的已知属性，都必须使用这种路径引用方...

ftl文件引入css，js

Aliloke的博客

11-20

1万+

ftl引入css，js >文件结构一览 >jar包一览 >web.xml 关键一句话，就是springmvc的那个servlet，因为要用RESTFul风格，所以拦截/,并且让它去读springMVC来初始化(java /src 根路径)。 web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-inst

相对路径与绝对路径（以javaweb项目的html文件为例）

qq_46053741的博客

06-21

1567

base href="http://localhost:8080/">中的href路径表示当前文件夹中引用的所有路径以http://localhost:8080/为基本路径的基础上寻找文件。代码中src="static/script/jquery-1.7.2.js"等同于src="http://localhost:8080/static/script/jquery-1.7.2.js"。值得注意的是基础路径http://localhost:8080/必须和tomcat配置的路径保持一致。

html中加载js文件的路径,JS里如何引入CSS文件

weixin_29001683的博客

05-31

677

js中如何引入css文件以及路径问题一、在js中引入css文件的方法：1、通过document.createElement方法创建link标签；2、通过setAttribute方法设置link标签的css文件路径；3、通过document.body.appendChild方法将link标签加入到页面中。代码如下：//引入cssnew_element=document.createElement("...

得到Js文件的绝对路径或相对路径的两法