jsp页面引入外部js、CSS的方法

最新推荐文章于 2024-05-16 13:24:43 发布
最新推荐文章于 2024-05-16 13:24:43 发布
阅读量5.2k 收藏 17
点赞数 4
分类专栏： jsp

（1）NewFile.jsp与d.css、s.js在同一目录下

在这里插入图片描述

<script type="text/javascript" src="s.js"></script>
<link id="css" rel="stylesheet" type="text/css" href="d.css"  />

（2）NewFile.jsp当前目录与d.css、s.js的父目录相同
在这里插入图片描述
./:表示获取当前目录。

<script type="text/javascript" src="./static/s.js"></script>
<link id="css" rel="stylesheet" type="text/css" href="./static/d.css"  />

或者

<script type="text/javascript" src="${pageContext.request.contextPath }/static/s.js"></script>
<link id="css" rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/d.css"  />

或者

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script type="text/javascript" src="<%=basePath %>/static/s.js"></script>
<link id="css" rel="stylesheet" type="text/css" href="<%=basePath %>/static/d.css"  />
</head>

（3）NewFile.jsp与d.css、s.js的父目录相同
在这里插入图片描述

<script type="text/javascript" src="../static/s.js"></script>
<link id="css" rel="stylesheet" type="text/css" href="../static/d.css"  />

…/:表示获取父目录。
在这里插入图片描述
（4）NewFile.jsp在多重目录下
在这里插入图片描述

<script type="text/javascript" src="../../static/s.js"></script>
<link id="css" rel="stylesheet" type="text/css" href="../../static/d.css"  />

在这里插入图片描述

qq_40572277
关注
  • 4
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jsp中使用外部CSS
wk51920的专栏
01-05 3958
问题的描述        初次接触JSP的同学可能会遇到在JSP中使用外部CSS时无效的问题，出现这种问题的本质是因为被访问的CSS文件URL无效。环境介绍       1. 项目结构如图：        2. result.jsp内容如下：<%@page import="java.io.IOException"%> <%@page import="java.util.List"%><%@ pag
jsp中导入js文件
热门推荐
hery186的专栏
06-19 1万+
http://www.cnblogs.com/tomspapaya/p/3502563.html http://blog.csdn.net/elvis12345678/article/details/7614808 http://blog.csdn.net/ppzhangj/article/details/7859628 jsp文件引入js文件的方式（项目部署于web
Vue安装与配置教程（非常详细）从零基础入门到精通，看完这一篇就够了_vue配置
最新发布
2401_84447262的博客
05-16 546
阿里十分注重你对源码的理解，对你所学，所用东西的理解，对项目的理解。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】在安装过程中，自动配置了两个环境变量一个是环境变量—用户变量—Path里面的C:\Users\你的用户名\AppData\Roaming\npm另一个是环境变量—系统变量—Path里面的软件安装目录，我们需要增加和修改一下。环境变量—用户变量—选中Path—点编辑将C:\Users\你的用户名\AppData\Roaming\npm修改为。
如何在jsp文件中引入css和js文件
JAVAGirl
06-19 3340
一：如何在jsp页面中引入css样式表文件? 　　1， 首先把写好的css样式表内容存为*.css格式。如style.css 　　2， 在页面中引入这个css 样式文件。用如下的方式引入。 　　 　　此处的href=”./css/style.css”指的是css文件存放的路径。‘.’请示当前目录（就是与引入 css文件的jsp页面在同一目录） 　　二：如何在jsp页面中引入javascr...
jsp引用路径
weixin_30613727的博客
11-12 123
test2.js 与index.jsp放在同一文件夹下,比如: web应用/home/下面. 要把test2.js引入到index.jsp中, 针对三种情况,分析如下: ---------------------------------------------------------- 第一种情况一般在学习时, 一个tomcat上都跑多个工程, 用工程名来区...
Jsp文件引入css和javascript
渔舟唱晚，响穷彭蠡之滨
10-12 292
<link rel="stylesheet" type="text/css" href="css/xx.css"> <script type="text/javascript" src="js/xx.js"></script>
jsp页面基础知识--如何导入js和css
念过往,不忘伊人!
10-11 327
jsp 网站引入外部css或者js失效问题解决
11-28
总结一下，解决JSP引入外部CSS和JS失效问题的关键在于： 1. 确保引用路径的正确性，可以使用`request`对象获取上下文路径来构建完整路径。 2. 如果使用了过滤器，需要在过滤器配置中排除静态资源的请求，以免误拦。...
jsp页面中插入css样式的三种方法总结
01-20
在JSP（JavaServer Pages）中，我们通常有三种方式来插入和应用CSS样式：外部样式、内部样式和内联样式。 1. **外部样式**： 当样式需要在多个页面之间共享时，外部样式表是最有效率的选择。它允许你集中管理所有...
Jsp结合ElementUI要用的js和css
01-10
在JSP文件中，通常我们会在`<head>`标签内添加script标签来引入外部资源。对于Vue.js v2.6.11，你需要在JSP文件中引入以下代码： ```html <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.min.js...
jsp文件中引用外部.css或.js文件的路径问题.pdf
11-16
在 jsp 文件中，我们可以使用相对于jsp 页面的相对路径来引用外部.css 或.js 文件。例如，在 test.jsp 文件中，我们可以使用以下代码来引用 styles 目录下的 main.css 文件和 scripts 目录下的 dtree.js 文件： ```...
JSP中访问外部的CSS / JS
fuyuanduan的博客
09-02 275
【1】——访问js <script src="${pageContext.request.contextPath}/statics/js/jquery-3.6.0.js"></script> //中间有可能会出现报红的情况： 但是不要紧，这个时候，我们可以去POM.XML中导入依赖： <dependency> <groupId>javax.servlet.jsp</groupId> <ar
【jsp】怎么在jsp文件中引入静态文件(.js .css)
u011927449的博客
06-25 1272
如果在jsp文件中引入静态文件比如(.js或.css等等)，可以在使用/项目名称/路径 的方式，但是这种方式如果在修改了项目了名称后就显得比较麻烦了。除了之外还许多方式，比如相对路径等等。一般情况下，可以先获得项目的根路径，然后再加上文件路径。 ${pageContext.request.contextPath} 可以获得当前项目的路径，然后就只需要在后面加上引入的静态文件的文件路径即可。比如： 这样就可以引入js文件下的jquery.min.js文件了。 当然除了用于引入今天文件还可以加载链接，比如...
在jsp页面中调用引用的js文件中的方法时报错：方法undefined
奋进的小白粥
04-20 5242
js文件中的function的顺序与c语言中函数的顺序的机制一样，如果方法1在方法2前面，方法2中调用方法1就会报错。这是同一个js文件中的方法调用顺序问题，还有jsp文件中引入的几个不同js文件中的方法调用问题也适用。如果你把引入jquery的代码写在了引入普通js文件的代码后面，那普通js文件中依赖jquery的代码就无法执行。 报错时的代码 common.js function fu...
JSP调用外部js文件
weixin_30273931的博客
02-21 401
在jsp中调用外部js文件分两种情况： 1. 一般来说jsp调用外部js的时候是使用jsp文件的相对路径。 　　例如：js与jsp在同一个文件夹下： <script src="Paging.js"> 　　js和jsp不在同一个文件夹下： <script src="../js/Paging.js"> 2. 如果是使用struts转发到jsp时。则不...
如何在jsp引入外部html页面,如何在jsp中引入css文件路径？
weixin_42214418的博客
06-04 1601
JSP页面引入CSS样式有三种方法，且其优先级不同。具体如下：外部样式，内部样式，内联样式。优先级依次增高！下面我们来看一下jsp通过文件路径引入的方法。在JavaWeb开发中，常使用绝对路径的方式来引入CSS文件，这样可以避免因为目录变动导致引入文件找不到的情况，常用的做法如下：绝对路径引入：使用${pageContext.request.contextPath}代码” ${pageContex...
JSP文件中如何引入外部的js文件，并且保证其可以使用EL表达式
The_RedMaple的博客
08-19 1691
今天在使用JSP文件作为输出的时候，发现一个头疼的问题 JSP 可以使用EL表达式，但是如果EL表达式要和JS文件结合使用就会很麻烦，因为外部引入的JS文件不可以识别EL表达式，因为在 JSP 执行时，会 先解释编译外部JS文件，再在 JSP文件 中对 EL表达式 进行取值，这样一来外部JS文件中的EL表达式就会因为不能识别而JS文件报错。 既然如此，JS文件就不能从外部引入了，但是如果不从外部引入，就会发现JSP文件代码臃肿，这样肯定是不行的，于是我就在查看各种大佬给的方法 果不其然，大佬...
外联js文件没有效果的可能解决方法
abcnull 的博客
01-31 3403
本人本来想在主页面做一个表单，通过表单的onsubmit="return js文件中的某一方法名()"来使得表单在submit时达到某一个效果，可是js效果就是不成功，但是把js文件内的代码全copy到和表单同一页面内又成功了，纳闷了很久，后来终于发现原因和解决方法。当然这只是本人遇到的问题，对于外联JS文件不起效果，常见的原因有：  除开一些语法细节错误，注意js文件中不用加script标签，
jsp引用js和css
qq_41995845的博客
05-12 505
<link rel="stylesheet" href="${basePath}bootstrap/css/bootstrapValidator.css"> <link rel="stylesheet" href="${basePath}bootstrap/css/bootstrap-datetimepicker.css"> <jsp:include page="/commons/jsp/jqueryResource.jsp"></jsp:include> &
jsp文件引入外部js文件内的方法
05-31
在 JSP 文件中引入外部的 JavaScript 文件，可以使用 `<script>` 标签来实现。具体的方法如下所示： 1. 在 JSP 文件的头部添加以下代码，引入外部的 JavaScript 文件： ``` <script type="text/javascript" src="your_js_file_path.js"></script> ``` 其中，`your_js_file_path.js` 是你所要引入的 JavaScript 文件的路径。 2. 在 JSP 文件中使用 JavaScript 变量或函数，以及其他的 JavaScript 代码。 例如，你可以在 JSP 文件中添加以下代码，调用外部的 JavaScript 函数： ``` <script type="text/javascript"> yourFunction(); </script> ``` 其中，`yourFunction()` 是你所要调用的外部 JavaScript 函数的名称。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值