jsp页面的js 以及 单独的js文件中 使用EL表达式

转自: http://blog.csdn.net/monkeyking1987/article/details/17146951


分两种情况


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

[html]  view plain  copy
 print ?
  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 ?
  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 ?
  1. //Image setting  
  2. config.filebrowserImageUploadUrl = contextPath + "/ckeditor/upload.htm";  




在外部js文件里使用el表达式详解:

原先做法是在jsp页面引入头文件

复制代码
<%@ page language="java" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"  %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
set var="ctxStatic" value="${pageContext.request.contextPath}/static" />
set var="ctx" value="${pageContext.request.contextPath}"/>
复制代码

 

然后在js文件里头使用使用${ctx},结果是直接输出,并没有被解析出来,javascript是客户端执行,EL是在服务端执行,而服务端比客户端先执行,所以取不到值 。

 

因为是js代码是单独出来的文件,然后引入到jsp页面。现在我们可以提前在jsp页面定义js的全局变量来解决。

 

然后我们在引入的js代码中就可以直接使用ctx,轻松获取到所需的值。





你可能感兴趣的:(JSP,JSTL标签/EL表达式)