`

JS中使用EL

    博客分类:
  • JS
 
阅读更多

分两种情况

 

1. JS代码在JSP页面中, 这可以直接使用EL表达式. 如:

 

[html] view plain copy
 
 print?在CODE上查看代码片派生到我的代码片
  1. <script type="text/javascript">  
  2.     $(function () {  
  3.         new BacklogOverview("${param.alert}");  
  4.     });  
  5. </script>  



 

2.JS代码是单独的.js 文件, 通过引入到 JSP中来.这时候可通过提前定义JS变量的形式的解决,如:

 

[html] view plain copy
 
 print?在CODE上查看代码片派生到我的代码片
  1. <c:set var="contextPath" value="${pageContext.request.contextPath}" scope="application"/>  
  2.     <script>  
  3.         <%--JS gloable varilible--%>  
  4.         var contextPath = "${contextPath}";  
  5.     </script>  


在JSP页面上定义JS变量 contextPath.

 

这样在之后引入的JS文件中就可以使用contextPath变量了.

 

[html] view plain copy
 
 print?在CODE上查看代码片派生到我的代码片
  1. //Image setting  
  2. config.filebrowserImageUploadUrl = contextPath + "/ckeditor/upload.htm";  
分享到:
评论

相关推荐

    JS中如何引用EL表达式

    此外,我们还需要注意,在 JavaScript 中使用 EL 表达式时,需要将 EL 表达式用引号引起来。例如: ```javascript alert("${msgs.addFullName }"); ``` 否则,EL 表达式将不会生效。 在使用 EL 表达式时,还需要...

    js中el表达式的使用和非空判断方法

    然而,在这个场景下,我们讨论的是如何在客户端的JavaScript代码中使用EL表达式来处理由Spring MVC从前端传递到后台的JSON数据。 **一、EL表达式的基本概念** EL表达式是一种简洁的语法,它允许我们在JSP页面上...

    js中如何引用EL表达式.txt

    在JSP页面中,可以使用`&lt;script&gt;`标签来嵌入JS代码,并在其中引用EL表达式的结果。例如: ```html ; charset=UTF-8" pageEncoding="UTF-8"%&gt; &lt;script type="text/javascript"&gt; var addFullName = "${msgs....

    el表达式教程,教你学会使用el表达式

    EL 中可以使用变量来存取数据。变量的语法结构为 `${variableName}`,其中 `variableName` 是变量的名称。EL 会依次从 Page、Request、Session、Application 四个范围中查找变量,如果找到则返回变量的值,否则返回 ...

    javaScript使用EL表达式的几种方式

    下面我们将详细探讨在JavaScript中使用EL表达式的三种常见方式: 1. **括号内使用EL表达式**: 在JSP中,通常使用`${expression}`这样的形式来嵌入EL表达式。这种方式主要用于将服务器端的数据动态地插入到HTML...

    【JavaScript源代码】vue 使用 sortable 实现 el-table 拖拽排序功能.docx

    在Vue.js应用中,实现`el-table`组件的拖拽排序功能可以借助第三方库`sortablejs`。`sortablejs`是一个轻量级的JavaScript库,它允许用户通过鼠标或触摸事件对HTML元素进行拖放排序。以下是使用`sortablejs`在Vue中...

    element-ui 的el-button组件中添加自定义颜色和图标的实现方法.docx

    然后,我们可以在指令中使用这些对象来实现自定义的颜色和图标。 例如,我们可以在指令中编写以下代码: otherRender: { update(el, binding) { const type = binding.value const color = colorMap[type] ...

    EL手册 EL手册 EL手册

    EL使用一种类似于JavaScript的语法,但它并不执行完整的脚本,而是专注于数据检索和计算。EL表达式通常在JSP页面中嵌入在`${...}`之中,用于动态地输出或设置页面内容。 EL支持多种操作,包括但不限于: 1. **属性...

    在JSP2.0中使用EL表达式语言.doc

    **在JSP2.0中使用EL表达式语言** EL(Expression Language)是JSP2.0引入的一种强大的数据访问语言,它简化了JSP页面中的数据操作,使得开发者无需编写scriptlet()就能方便地访问和处理应用程序中的数据。EL的...

    element 中 el-menu 组件的无限极循环思路代码详解

    本文详细探讨了如何在 Element UI 中使用 el-menu 组件实现无限极循环菜单,即菜单项的子菜单项还可以拥有自己的子菜单,形成一个嵌套的结构。 为了实现无限极循环菜单,需要进行组件嵌套,即在 el-menu 组件内部...

    JSTL以及EL表达式所需jar包

    在开发过程中,为了使用EL表达式和JSTL,我们需要在项目的类路径中添加相应的JAR文件。这里提到的两个文件: 1. `standard.jar`:这是JSTL的标准实现,包含了JSTL的核心库和其他部分,如XML处理和SQL操作。这个库...

    EL 表达式 EL-Java

    操作符在EL中扮演着重要角色,它们与许多编程语言中的操作符相似。例如,`.`用于访问bean属性或Map的条目,`[]`用于访问数组或列表元素,`()`用于分组表达式,`? :`用于条件语句,`+`、`-`、`*`、`/`、`%`分别代表...

    JSTL--EL使用手册.pdf

    JSTL还引入了一种表达式语言(Expression Language,简称EL),它是一种简化的脚本语言,可以在JSP页面中使用,主要目的是简化对数据的操作。EL语言在JSTL1.0规范中被引入,并在JSTL1.1规范中得到进一步发展,使得...

    【JavaScript源代码】Element el-button 按钮组件的使用详解.docx

    Element UI 是一个流行的前端 UI 组件库,专为 Vue.js 应用程序设计。它提供了一套优雅且可自定义的界面元素,帮助开发者快速构建美观的 Web 应用。在 Element 中,`el-button` 是一个核心组件,用于创建各种类型的...

    vue+element搭建后台小总结 el-dropdown下拉功能

    例如,在本文代码示例中使用了slot="dropdown"来自定义下拉内容。 知识点十:前端代码调试 在开发过程中,前端代码的调试是必不可少的环节。通过控制台输出(console.log)可以帮助开发者查看变量的值,以便快速...

    eladmin自动代码生成步骤以及注意事项.docx

    在使用eladmin之前,需要新建一个数据库并插入测试数据。这一步骤为后续代码生成做准备。 步骤二:打开前端系统工具并配置数据库 打开前端系统工具,点击“代码生成”按钮,并选择刚才新建的数据库。系统将自动...

    JSTL EL JAVASCRIPT实例

    4. **EL JSTL.rar** - 这个压缩包很可能是关于EL和JSTL的实例或教程,包含如何在实际项目中使用这两个技术的详细说明。 学习和理解JSTL、EL以及JavaScript,对于任何Java Web开发者来说都至关重要。它们不仅有助于...

    el-table无限滚动+控制列是否显示+列排序(非json)

    同时,确保在`el-table`中使用`v-if`指令来决定列是否渲染。 至于**列排序**,在`el-table`中,可以使用`sortable`属性来指定列是否可排序,而`sort-method`则用于自定义排序逻辑。默认情况下,`el-table`支持对...

Global site tag (gtag.js) - Google Analytics