有時,我需要在JSF頁面中使用EL呈現JavaScript變量。在表達式語言中轉義JavaScript
例如
<script>var foo = '#{bean.foo}';</script>
或
<h:xxx ... onclick="foo('#{bean.foo}')" />
這失敗,JS語法錯誤當EL表達式評估爲含有JS如撇號和換行符特殊字符的字符串。我如何逃避它?
有時,我需要在JSF頁面中使用EL呈現JavaScript變量。在表達式語言中轉義JavaScript
例如
<script>var foo = '#{bean.foo}';</script>
或
<h:xxx ... onclick="foo('#{bean.foo}')" />
這失敗,JS語法錯誤當EL表達式評估爲含有JS如撇號和換行符特殊字符的字符串。我如何逃避它?
您可以在EL中使用Apache Commons Lang 3.xStringEscapeUtils#escapeEcmaScript()
方法。
首先創建一個/WEB-INF/functions.taglib.xml
看起來是這樣的:
<context-param>
<param-name>javax.faces.FACELETS_LIBRARIES</param-name>
<param-value>/WEB-INF/functions.taglib.xml</param-value>
</context-param>
然後你就可以按如下方式使用它:
<?xml version="1.0" encoding="UTF-8"?>
<facelet-taglib
xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-facelettaglibrary_2_0.xsd"
version="2.0">
<namespace>http://example.com/functions</namespace>
<function>
<name>escapeJS</name>
<function-class>org.apache.commons.lang3.StringEscapeUtils</function-class>
<function-signature>java.lang.String escapeEcmaScript(java.lang.String)</function-signature>
</function>
</taglib>
然後在/WEB-INF/web.xml
如下注冊它
<html ... xmlns:func="http://example.com/functions">
...
<script>var foo = '#{func:escapeJS(bean.foo)}';</script>
...
<h:xxx ... onclick="foo('#{func:escapeJS(bean.foo)}')" />
或者,如果您碰巧已經使用JSF實用程序庫OmniFaces,那麼你也可以只使用其內置of:escapeJS()
功能:
<html ... xmlns:of="http://omnifaces.org/functions">
...
<script>var foo = '#{of:escapeJS(bean.foo)}';</script>
...
<h:xxx ... onclick="foo('#{of:escapeJS(bean.foo)}')" />
下面的回答讓我正確的軌道上。 – Ontonomo
添加了:xmlns:fn =「http://java.sun.com/jsp/jstl/functions」,並在代碼中「#{fn:replace(_selectedItem.item.webName,」'「,」「)}}' , – Ontonomo