有时，我需要在 JSF 页面中使用 EL 呈现 JavaScript 变量。
例如
<script>var foo = '#{bean.foo}';</script>
或者
<h:xxx ... onclick="foo('#{bean.foo}')" />
当 EL 表达式计算为包含 JS 特殊字符（如撇号和换行符）的字符串时，这会失败并出现 JS 语法错误。我该如何逃脱？
在表达式语言中转义 JavaScript
IT技术
javascript
jsf
escaping
el
2021-02-10 03:43:03
2个回答
您可以在 EL 中为此使用Apache Commons Lang 3.x StringEscapeUtils#escapeEcmaScript()方法。
首先创建一个/WEB-INF/functions.taglib.xml看起来像这样的：
<?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按如下方式注册它：
<context-param>
<param-name>javax.faces.FACELETS_LIBRARIES</param-name>
<param-value>/WEB-INF/functions.taglib.xml</param-value>
</context-param>
然后您可以按如下方式使用它：
<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)}')" />
你试过\'#{_selectedItem.item.webName}\',吗？
其它你可能感兴趣的问题