EL表达式不能用于js文件中，一般用于jsp文件

最新推荐文章于 2021-06-03 04:36:09 发布
最新推荐文章于 2021-06-03 04:36:09 发布
阅读量3.7k 收藏 1
点赞数 1
CC 4.0 BY-SA版权
分类专栏： jsp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zhengxiangwen/article/details/46490915
本文详细介绍了如何在JSP文件中引入EL对应的标签库，并通过设置变量来使用EL表达式。进一步展示了如何在同一个JSP文件内的JS代码块中继续利用EL表达式进行操作。同时，解释了为什么EL表达式不适用于单独的JS文件。

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

因为在jsp文件中可以引入EL对应的标签库，但在JS文件中是无法引入的，

所以：

EL表达式不能用于js文件中，一般用于jsp文件，但可用于jsp文件中的js代码里！！！


示例：

1、在taglib.jsp页面引入了EL对应的标签库，并且设置了两个变量ctx、ctxStatic：



2、在DesignCompanyApprovalForm.jsp（称为❷吧）页面上引用taglib.jsp页面，可以看到，在❷页面上可以使用EL表达式：



3、可以看到，在❷页面上的JS代码块里也可以使用EL表达式：



4、在preInfo.js里面无法使用EL表达式，虽然preInfo.js被❷页面所引用，但也无济于事，因为JS文件本身是无法导入EL标签库的：


js取值java值栈_el取出jsp页面定义的变量
weixin_35073008的博客
02-28 263
${s}指取page、requst、session、application四个范围内的属性attribute一、如果想要使用el表达式或者是${}取出来,在这四个域中必须要set进去:(1)使用request.setAttributeString str = "abc";request.setAttribute("s",str);%>(2)使用这样,在页面可以使用${s}或${requstS...
EL表达式&JSTL
lz159258357w的博客
03-13 1257
1.什么是EL表达式： 1.1EL表达式说白了，就是让JSP写起来更加方便，它属于JSP技术。 那么它主要都有哪些方面的作用呢？ EL表达式可以用于替换JSP页面中的脚本表达式，以从各种类型的web域中检索java对象、获取数据（某个web域中的对象，访问javabean的属性、访问list,map集合、访问数组）。 1.2jsp与EL的区别: 1.3什么是页面域： 对象名：pageContext 范围：只在一个页面起作用 作用域大小比较： 页面域pageContext < 请求域reque
在javascript中使用el表达式(jsp中的javascript中支持写el表达式，毋庸置疑，单独的js文件中不支持写el表达式，别钻牛角尖)
一只苟延残喘的卑微蝼蚁
11-30 6962
哎，够背的，最后4张图怎么调整都很小，看不清楚，所以大家还是看我这篇文章吧在javascript中使用el表达式(图片清晰版，有图有真相)，这篇文章的图片可以正常看清楚，跟我这篇文章是一样的内容！ 有些文章上说，javascript中不支持写el表达式，这句话本身就不够严谨，如果说，单独的js文件中不支持写el表达式，这句话的确是对的，所以，大家在看我这篇文章的时候，希望大家别钻牛角尖，谢谢！我...
单独的js文件 el表达式
quzhe10的专栏
08-17 503
看了别人的解决方案，最终还是满足不了要求
关于el表达式能不能用在js里
weixin_44170566的博客
01-10 657
如果是这样嵌入jsp的，jsp编译成servlet的时候会一起编译，所以这样可以用； 但是如果是通过一个js文件链入的，那就不能使用el表达式，因为js文件时静态资源，被浏览器识别之后就直接展示了，不需要解析，而在jsp里需要解析之后才能显示在浏览器上（通过out来输出在页面上的）。 ...
jsp和js文件中获取EL表达式的值
源点
08-17 2512
var _ctx = '${ctx}'; jsp页面中使用引入common.jsp，页面中使用${ctx}获取。 js中直接使用_ctx获取值。 web.xml中使用标签为每个jsp文件引入common.jsp                        *.jsp
html页面js中用el表达式吗,javascript可以用el表达式吗？
weixin_30518613的博客
06-03 421
EL(Expression Language)是为了使JSP写起来更加简单；它提供了在 JSP中简化表达式的方法，让Jsp的代码更加简化。那么在javascript中可以用el表达式吗？JavaScript中能用el表达式。有两种使用方法：1、JavaScript代码在JSP页面中, 这可以直接使用EL表达式. 如:$(function () {new BacklogOverview("${par...
在js文件中写el表达式取不到值的原因及解决方法
10-26
通过上述方法，我们可以在JavaScript中正确使用EL表达式中定义的变量值，从而解决在js文件中写EL表达式取不到值的问题。在实际开发过程中，这种跨客户端和服务端的变量值传递需求是非常常见的，因此需要开发者熟悉并...
使用IDEA编写jsp时EL表达式不起作用的问题及解决方法
01-08
在使用IDEA开发maven+springMVC项目时遇到不加载EL表达式的问题，怎么处理呢？下面小编给大家带来了实现代码，一起看看吧 加载如下JSP代码： <%@ page contentType=text/html;charset=UTF-8 language=java %...
js中el表达式的使用和非空判断方法
12-03
在JavaScript（JS）中，EL（Expression Language）表达式通常用于服务器端的JSP页面，以便与Java服务器端的数据交互。然而，在这个场景下，我们讨论的是如何在客户端的JavaScript代码中使用EL表达式来处理由Spring ...
jsp 不支持EL表达式，解决办法
01-20
–CTYPE web-app PUBLIC </sp> “-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN” “http://java.sun.com/dtd/web-app_2_3.dtd”> 在默认情况下，Servlet 2.3 / JSP 1.2是不支持EL表达式的，而Servlet ...
jsp页面中EL表达式被当成字符串处理不显示值问题的解决方法
01-20
在JSP 2.0中，EL表达式的使用可以通过`<jsp-property-group>`元素在web.xml中全局控制，也可以在每个单独的JSP页面中通过`<%@ page>`指令的`isELIgnored`属性局部控制。`isELIgnored="true"`意味着JSP引擎会忽略EL...
el表达式与标签库
大表哥
11-02 1099
EL有效表达式基础操作符 EL表达式内置对象 el表达式的四大作用域 ${pageScope.user.name }---------${pageScope.user.age } ${requestScope.user1.name }----------${requestScope.user1.age }
js中使用EL表达式
12-05 136
今天遇到一个问题，el表达式不能再js中使用，不过在es6中，推出了一种模板字符串，可以通过``符号来创建一个字符串，在这个模板字符串中也可以使用el表达式。 下面一个小例子帮助理解： controller request.setattribute("tip","密码错误，请重新登录")； jsp <script>$(document).ready(fu...
el表达式和js
莫伊
09-14 1271
代码思路：在js中通过el表达式获取值（list集合），然后通过el表达式遍历该集合，拼接HTML语句。 代码如下，能看出来啥就看自己了： $(".niwen").click(function(){                     alert("开始");                     var a=$(this).prev().text();//第一个  ...
三元表达式
juvenile_的博客
03-26 227
js 三元表达式嵌套
js里面可以用el表达式吗
germmy-神一样的开发
08-28 1085
  分2种情况：   1、如果Javascript在JSP中，则是可以用el表达式的，用引号包住即可。   2、如果Javsscript在js文件中，则是不行的。因为js文件是在客户端执行的。   http://blog.youkuaiyun.com/lirui0822/article/details/8169225   refurl:http://www.blogjava.net/li...
js文件中使用el表达式问题
热门推荐
Sang
08-29 1万+
单独js文件不能用el表达式。 首先，JSP是由服务端执行的，EL表达式自然也由服务端解析执行，因此如果EL所在的脚本在JSP页面内，它是可以获取到值的，这个值在服务器端返回到浏览器端时已经解析完毕，浏览器端只是呈现而已，但是如果在单独的JS文件中写EL，会怎么样呢？这个时候是无法获取的，因为javascript是客户端执行，单独的JS文件不在服务器的解析执行之中，EL是不起任何作用的，这个时候
el表达试中三元用法
yinbucheng的博客
04-18 2470
Java中的三元运算符为：条件?条件为true值:条件为false的值 EL也有一样的运算符，用EL的三元运算符有时可以代替c:choose标签，为我们的工作省下很大力气。 比如gender为0显示男，其余显示女，我们可以这么写：  test="${gender eq 0}">男 女 但是不是显得太麻烦了？其实我们这里就可以使用EL表达式中的三元运算符了，上面
jsp EL表达式怎么截取文件后缀名
最新发布
07-30
<think>根据用户的问题，他想要在JSP中使用EL表达式截取文件后缀名。但是需要注意的是，EL表达式本身并不提供字符串截取功能，但我们可以利用EL的函数特性或者JSTL标签来实现。 参考之前的回答，在纯JavaScript中我们通过`lastIndexOf`和`substring`来截取。在JSP中，我们可以使用JSTL的`fn`函数库（提供字符串处理函数）来实现类似功能。 步骤如下： 1. 在JSP页面中引入JSTL函数库： ```jsp <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> ``` 2. 使用`fn`函数库中的`substringAfterLast`函数来获取文件后缀名： ```jsp ${fn:substringAfterLast(fileName, '.')} ``` 但是，需要注意边界情况（比如没有后缀名的情况），我们可以结合EL的三元运算符来处理。 示例代码： ```jsp <c:set var="fileName" value="example.jpg" /> <c:set var="extension" value="${fn:contains(fileName, '.') ? fn:substringAfterLast(fileName, '.') : ''}" /> 后缀名：${extension} ``` 但是，上面的代码在处理没有点的情况时，`fn:substringAfterLast`会返回空字符串，所以我们可以直接使用： ```jsp ${fn:substringAfterLast(fileName, '.')} ``` 因为当没有点的时候，它会返回空字符串，符合要求。 但是，如果文件名是类似`.gitignore`这样的隐藏文件，我们希望返回的是`gitignore`，那么`substringAfterLast`也是可以正确处理的。 另外，如果文件名中有多个点，比如`archive.tar.gz`，那么`substringAfterLast`会取最后一个点之后的部分，即`gz`。 所以，使用`fn:substringAfterLast`是合适的。 但是，如果用户希望获取完整的扩展名（比如`tar.gz`），那么就不能用这个方法了，不过用户要求的是截取后缀名，通常是指最后一个点之后的部分。 另外，如果文件名本身包含路径，我们需要先提取出文件名部分。可以使用`fn:substringAfterLast`先去掉路径，再取后缀。 例如： ```jsp <c:set var="fullPath" value="path/to/file.txt" /> <c:set var="fileName" value="${fn:substringAfterLast(fullPath, '/')}" /> <c:set var="extension" value="${fn:substringAfterLast(fileName, '.')}" /> ``` 但是，在Windows系统中路径分隔符可能是`\`，所以需要处理。我们可以先替换成统一的分隔符，或者使用多个步骤。不过通常，上传文件时我们获取到的文件名一般是不带路径的。 所以，在JSP中，使用JSTL函数库的`fn:substringAfterLast`是最简单的方法。 总结代码： ```jsp <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> ... 文件后缀名：${fn:substringAfterLast(fileName, '.')} ``` 注意：如果`fileName`为null，那么表达式会输出空字符串，不会报错，但可能不是我们想要的。我们可以先判断一下： ```jsp <c:if test="${not empty fileName}"> ${fn:substringAfterLast(fileName, '.')} </c:if> ``` 或者，使用三元运算符设置默认值： ```jsp ${not empty fileName ? fn:substringAfterLast(fileName, '.') : ''} ``` 另外，如果文件名以点结尾，例如`file.`，那么`fn:substringAfterLast`会返回空字符串，这也符合我们之前对边界情况的处理。 因此，在JSP中，使用JSTL的`fn:substringAfterLast`函数可以方便地获取文件后缀名。 下面是一个完整的例子： ```jsp <%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> <html> <head> <title>File Extension Example</title> </head> <body> <c:set var="fileName" value="example.jpg" /> 文件: ${fileName} 的后缀名是: ${fn:substringAfterLast(fileName, '.')} <br> <c:set var="fileName2" value="archive.tar.gz" /> 文件: ${fileName2} 的后缀名是: ${fn:substringAfterLast(fileName2, '.')} <br> <c:set var="fileName3" value=".gitignore" /> 文件: ${fileName3} 的后缀名是: ${fn:substringAfterLast(fileName3, '.')} <br> <c:set var="fileName4" value="no_extension" /> 文件: ${fileName4} 的后缀名是: ${fn:substringAfterLast(fileName4, '.')} <br> <c:set var="fileName5" value="invalid." /> 文件: ${fileName5} 的后缀名是: ${fn:substringAfterLast(fileName5, '.')} <br> </body> </html> ``` 输出： ``` 文件: example.jpg 的后缀名是: jpg 文件: archive.tar.gz 的后缀名是: gz 文件: .gitignore 的后缀名是: gitignore 文件: no_extension 的后缀名是: 文件: invalid. 的后缀名是: ``` 这样，我们就实现了在JSP中使用EL表达式（结合JSTL函数）截取文件后缀名。 注意：EL表达式和JSTL函数在JSP2.0及以上版本支持，所以确保你的web.xml中声明的是2.4或以上版本的Servlet规范。 如果用户的环境不支持JSTL，那么可能需要使用自定义EL函数或者直接在JSP中写Java代码（不推荐），但现代JSP开发都推荐使用JSTL。 相关问题： 1. 如何在JSP中引入JSTL核心库和函数库？ 2. 除了`substringAfterLast`，JSTL函数库还有哪些常用的字符串处理函数？ 3. 在JSP中如何自定义EL函数？ 4. 如果文件名中包含路径，如何只获取文件名（不含路径）？ 5. 在JSP中如何判断一个字符串是否包含某个子串？</think>在 JSP 中使用 EL 表达式截取文件后缀名，可以通过 JSTL 函数库的字符串处理函数实现。以下是完整解决方案： ### 解决方案 ```jsp <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> <%-- 示例文件名 --%> <c:set var="fileName" value="document.report.pdf" /> <%-- 获取后缀名 --%> <c:set var="extension" value="${fn:substringAfterLast(fileName, '.')}" /> 文件后缀名: ${extension} <%-- 输出: pdf --%> ``` ### 关键函数说明 `fn:substringAfterLast()` 函数参数： 1. **第一个参数**：原始字符串（文件名） 2. **第二个参数**：分隔符（此处为 `.`） 3. **返回值**：最后一个分隔符后的子字符串（即文件后缀） ### 处理边界情况 ```jsp <%-- 处理无后缀名的情况 --%> <c:choose> <c:when test="${fn:contains(fileName, '.')}"> ${fn:substringAfterLast(fileName, '.')} </c:when> <c:otherwise> (无后缀名) </c:otherwise> </c:choose> <%-- 处理隐藏文件(.gitignore类型) --%> <c:if test="${fn:startsWith(fileName, '.')}"> 隐藏文件后缀: ${fn:substringAfterLast(fn:substringAfter(fileName, '.'), '.')} </c:if> ``` ### 完整示例（含路径处理） ```jsp <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <c:set var="fullPath" value="/user/docs/archive.tar.gz" /> <%-- 步骤1: 提取纯文件名 --%> <c:set var="fileName" value="${fn:substringAfterLast(fullPath, '/')}" /> <%-- 步骤2: 获取最后一级后缀 --%> 后缀名: ${fn:substringAfterLast(fileName, '.')} <%-- 输出: gz --%> <%-- 步骤3: 获取完整后缀(含多级扩展) --%> <c:set var="fullExtension" value="${fn:substringAfter(fileName, '.')}" /> 完整扩展名: ${fullExtension} <%-- 输出: tar.gz --%> ``` ### 函数说明表 | JSTL 函数 | 功能 | 示例输入 | 输出 | |-----------|------|----------|------| | `fn:substringAfterLast(str, delim)` | 截取最后分隔符后的内容 | `"file.min.js"`, `"."` | `"js"` | | `fn:substringAfter(str, delim)` | 截取首个分隔符后的内容 | `"file.min.js"`, `"."` | `"min.js"` | | `fn:contains(str, substr)` | 检查是否包含子串 | `"image.jpg"`, `"."` | `true` | | `fn:startsWith(str, prefix)` | 检查是否以指定字符串开头 | `".gitignore"`, `"."` | `true` | ### 实际应用场景 ```jsp <%-- 文件上传场景 --%> <input type="file" id="fileUpload" onchange="handleUpload(this.files[0].name)"> <script> function handleUpload(filename) { // EL表达式无法直接处理客户端文件名，需在服务器端处理 // 建议通过form提交后在JSP中处理 } </script> <%-- 服务器端处理上传文件 --%> <c:if test="${not empty param.filename}"> 上传文件后缀: ${fn:substringAfterLast(param.filename, '.')} </c:if> ``` > **重要提示**：EL 表达式在页面渲染阶段执行，无法直接处理客户端 JavaScript 事件。文件上传场景应在表单提交后，在服务器端通过 JSP 处理文件名[^1]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值