【java】在jsp的js和css里面使用EL表达式取值|style里面用$取值
众所周知,如果直接在jsp的js或者css语句块里面写${***}取值的话,程序会不识别这玩意,但是,我们有时候确实需要动态取值,比如,js为了获得对象的某一个值,不方便用js的getElementById()方法的话,我们需要这个${**}可能会简便一百倍,那么好吧,我们用jstl标签的<c:out value ='${}'/>来解决这个问题。
例如:我的项目文件里面的jsp页面全部放在工程的WebRoot下的WEB-INF里面,网站发布出去的话,用户是一个页面都看不到的,这更加安全,但是也有一个问题,就是路径会2B,因为全部是靠struts2的配置文件跳到页面去的,所以路径必须动态取值。可是我的css里面,你说该怎么写。
<style type="text/css">
body
{
behavior: url(需要动态取值的项目名/css/hover.htc);background:#fff;
}
</style>
但是你要是直接写
body
{
behavior: url(${pageContext.request.contextPath}/css/hover.htc);background:#fff;
}
程序就不识别了会当做字符串处理,就是一个url路径,很杯具。其实我们换个思路就好了,我们只需要把值取出来即可,就用c:out标签刚刚好,这个原理同样适用于js。如下即是正确的代码,最后的c:out标签别忘了关 ---> "<c:out value= ' ${}' / >"
jsp页面头部别忘记引入
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
最终代码:
body
{
behavior: url(<c:outvalue='${pageContext.request.contextPath}'/>/css/hover.htc);background:#fff;
}
js也是这样,想怎么取值就怎么取值,还有多种标签随你玩,赶紧试试吧。。
var step = "<c:out value='${step}' default='0'/>";
switch(step) {
case "0": .....................
default:
break;
}
var total = <c:out default="0" value="${total}"/>;
var orderPrice=<c:out value='${packageProductOrder.order.sum}'/>;
<c:set scope="page" var="singleProductSize" value="0"/>
<c:forEach items="${packageLine.journeys}" var="journeysItem" varStatus="loopStatus">
js部分参考 http://blog.csdn.net/cilen/article/details/7438291
【java】在jsp的js和css里面使用EL表达式取值|style里面用$取值相关推荐
- 在javascript中使用el表达式(jsp中的javascript中支持写el表达式,毋庸置疑,单独的js文件中不支持写el表达式,别钻牛角尖)
哎,够背的,最后4张图怎么调整都很小,看不清楚,所以大家还是看我这篇文章吧在javascript中使用el表达式(图片清晰版,有图有真相),这篇文章的图片可以正常看清楚,跟我这篇文章是一样的内容! 有 ...
- 对jsp的一个小结(7)EL表达式(不会报错)和JSTL标签库、sp与jdbc总结
11使用EL显示数据 1EL语法 ①定义变量②变量存入作用域中③访问EL变量.对象属性.数组.运算 <%@page import="java.util.ArrayList"% ...
- Java Web学习总结(10)学习总结-EL表达式
一,EL 表达式概述(EL主要从域中取数据) EL(Express Lanuage)表达式可以嵌入在jsp页面内部,减少jsp脚本的编写,EL出现的目的是要替代jsp页面中脚本的编写. 二,EL从域中 ...
- 一个坑爹的问题,js注释掉夹杂的el表达式页面不显示(代码颜色坑了我)
就在刚刚遇到一个恶心的为问题,freemarker 的 ftl页面下写了一个js 里有个url跳转,url里有个${link} 一个字母写错了,找了一个多小时啊 居然注释掉的js里夹杂的el表达式 虽 ...
- 【郭林专刊】JSP中JSTL提供的函数标签EL表达式操作字符串的方法
首先在jsp页面导入标签 <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions&qu ...
- java day41【JSP 、MVC开发模式 、EL表达式 、JSTL标签 、三层架构】
第一章 JSP 1. 指令 * 作用:用于配置JSP页面,导入资源文件 * 格式: <%@ 指令名称 属性名1=属性值1 属性名2=属性值2 ... %> * 分类: 1. page : ...
- 【实现js和css互通、共享常量参数值】js如何获取CSS/SCSS/LESS的常量、CSS/SCSS/LESS又是如何获取js的值(或者说js是如何主动推送参数给CSS使用的)?
js获取CSS/SCSS/LESS的常量 <template><div id="body"><p>--color: {{ color }}< ...
- jsp java el_jsp之EL表达式
EL表达式 1. 什么是EL表达式 jsp中的EL(express language)表达式技术:它仅仅是表达式. EL表达式的功能: 获取4个内置对象(域)中的数据,或自定义对象中的数据,或数组.集 ...
- js和css被屏蔽了,是否屏蔽蜘蛛抓取JS和CSS文件
做网站的人都知道,在查看日志的时候,会发现JS.CSS文件被蜘蛛抓取的频率特别高,于是有人便考虑在robots.txt屏蔽蜘蛛抓取js和css文件,节省蜘蛛时间给其他页面.是否屏蔽蜘蛛抓取JS和CSS ...
最新文章
- 封禁华为的美国,现在不得不在5G标准制定上“恢复合作”,网友:5G真香
- Android开发技术周报176学习记录
- js获取页面url中的各项值
- Dataset之iGAN:iGAN数据集的简介、安装、使用方法之详细攻略
- 子程序与中断程序的异同_专业解读PLC编程中断的原理和用法
- Mybatis 源码探究 (4) 将sql 语句中的#{id} 替换成 ‘?
- 《程序员的呐喊》读书笔记
- 汇编程序—将一个全是字母,以0结尾的字符串,转化为大写
- c++ std::async的注意事项
- android广播代码汇总一__无序广播
- php使用excel表格数据处理,php上传excel表格并获取数据
- 程序员过关斩将:小小的分页引发的加班血案
- 从零开始学WEB前端——HTML理论讲解
- 10岁小表妹也能“吃透”Geth 客户端 !360秒,快速部署 ICO Token
- 苹果4如何添加时间插件_Pr快速批量制作和添加字幕,节省时间还不用插件的做法...
- 玩客云刷ARMBIAN当服务器过程记录
- 有的工业互联网重于泰山,有的工业互联网轻于鸿毛
- 费希尔控制器小知识的分享
- SAP 基本单位与物料计量单位间的转换
- 记录一下蚂蚁金服的电话面试