Javascript 引用 JSP 值，可以实现 JSP 页面与 Javascript 逻辑上的交互，从而扩展 JSP 页面的功能。通常情况下，JSP 页面中的数据是动态生成的，而客户端通过 Javascript 脚本来操作和使用这些数据。下面我们将具体介绍 Javascript 如何引用 JSP 值。

在 JSP 页面中，我们可以通过在明确定义的 Script 标签中使用 EL 表达式或 JSP 表达式来访问 JSP 变量的值，例如：

<%
String name = "Lucy";
request.setAttribute("title", "Welcome");
%>
<script>
var userName = '';
var title = '${title}';
</script>

在上面的例子中，我们通过使用 JSP 表达式和 EL 表达式，将 JSP 页面中的变量 name 和 request 的 title 属性分别赋值给了 Javascript 变量 userName 和 title。实际上，我们也可以通过在 Script 标签中直接定义 JSP 变量，然后将其传递给 Javascript 变量来引用 JSP 值，例如：

<%
String name = "Lucy";
request.setAttribute("title", "Welcome");
String color = "blue";
%>
<script>
var userName = '';
var title = '${title}';
var bgColor = '';
console.log(userName + " " + title + " " + bgColor);    //输出：Lucy Welcome null
</script>

在上面的例子中，我们在 Script 标签内定义了一个新的 JSP 变量 color，然后通过使用 JSP 表达式将其值传递给了 Javascript 变量 bgColor，但实际上 color 变量并没有被赋值，因此输出结果为 null。

除了使用表达式，我们也可以在 Script 标签内嵌套 JSP 代码，以实现更加复杂的逻辑。例如：

<%
String[] colors = {"red", "yellow", "green"};
%>
<script>
var colorList = new Array();
<% for(int i = 0; i< colors.length; i++){ %>
colorList.push('<%=colors[i]%>');
<% } %>
console.log(colorList);    //输出：["red", "yellow", "green"]
</script>

在上面的例子中，我们使用了 JSP 的 for 循环语句嵌套在 Script 标签内，用来依次将 JSP 数组变量 colors 中的元素赋值给 Javascript 数组变量 colorList。运行结果输出了完整的 colorList 数组。

总而言之，在 JSP 页面中引用 Javascript 变量，只需在 Script 标签中使用 JSP 表达式或 EL 表达式来获取 JSP 变量的值，然后将其传给 Javascript 变量即可。我们也可以在 Script 标签内嵌套 JSP 代码，以获得更加灵活的功能。使用 Javascript 引用 JSP 值，有助于提高 JSP 页面的交互性和用户体验。