我有一个“/js/ajax-error.js”文件，我将以“richfaces 方式”提供该文件，如下所示：“/js/ajax-error.js.jsf”这样我就可以在我的 js 文件中使用这种 jsf 变量："#{facesContext.externalContext.requestContextPath}"。
这可能吗？我尝试在我的 js 文件前加上 xhtml：它不起作用。
我使用richfaces + jsf 2.0 + servlet 3.0
有人可以帮忙吗？
（补充）难道没有干净的JSF方式来达到想要的效果吗？
【问题讨论】：
标签： javascript file jsf richfaces
可以这样做，但我强烈建议您不要这样做。保持 JavaScript 干净且可缓存。
用于安排服务器端数据对 JavaScript 可用的一种常见模式是将值放入 HTML 适当部分的“data-”属性中。例如，“全局”信息（例如，关于用户会话的内容，如用户名、公司名称等）可以附加到 <body>：
<body data-username='John Phillip Sousa' data-registered='05 Jul 1903'>
现在，JavaScript 可以通过从<body> 标记中获取数据属性来找出用户名和注册日期。像这样编辑：
var body = document.getElementsByTagName('body')[0];
var username = body.getAttribute("data-username");
var registrationDate = body.getAttribute("data-registered");
【讨论】：
如果您的唯一目的是使用“Richfaces 方式”（实际上是 JSF 2.0 方式），请使用<h:outputScript>。将文件放在公共网页内容的/resources/js/ajax-error.js 中（主路径/resources 为必填项，名称不可更改）。然后引用如下：
<h:outputScript name="js/ajax-error.js" />
无论它在模板中的位置如何，它都会生成到 HTML <head> 中，如下所示，假设您的 FacesServlet 映射到 *.jsf：
<script type="text/javascript" src="/contextname/javax.faces.resource/js/ajax-error.js.jsf"></script>
但这并不能为您提供 EL 支持！您将无法在该脚本中使用 #{}。仅在 <h:outputStylesheet> 包含的样式表中，支持 #{} 以便以 JSF 2.0 #{resource['logo.png']} 方式定位背景图像，但仅此而已。
在您的特定情况下，我宁愿在 HTML <base> 标记或一些全局 JS 变量或 HTML data 属性中引用 #{facesContext.externalContext.requestContextPath}（或其更短且更流行的对应物 #{request.contextPath}）。如果设置为<base>，则所有相对链接都将是相对于它的，在JS中也是如此。
h:outputStylesheet 示例）【讨论】：
<base> 示例的“另请参阅”链接。至于全局 JS 变量，只需将 <script>var base = '#{request.contextPath}';</script> 之类的内容添加到您的 <head> 即可。在初始化该行后调用的所有 JavaScript 中，它将作为全局变量 base 可用。