如何在JSP中的HTML标记内显示JavaScript变量？

Question

我有一个获取原始String并对其进行切片的函数。它如何以HTML格式显示结果？

function parsingfunction()
{
    var originalString = entity.getGenreSolr();
    var results = originalString.slice(1, -1);
    return results; 
}
</script>
<div class = "Option_Title_summary_summary">
<p>Genre List: ${parsingFunction}</p>

Answer 1

您使用的代码不正确，因为我们无法通过HTML变量更新JavaScript，您必须从HTML更新JavaScript。

您的代码将是这样的：

function parsingfunction() {
  /*var originalString = entity.getGenreSolr();
  var results = originalString.slice(1, -1);
  return results;*/
  return ["AAA", "BBB", "CCC"].join(" -- ");
}

document.getElementById("genreList").textContent = "Genre List: " + parsingfunction();

<div class="Option_Title_summary_summary">
  <p id="genreList"> </p>

我评论了您的旧代码，以避免使用undefined变量的异常，并将id="genreList"提供给段落，以便我可以在JS代码中获取它。

注意：

还有另一个解决方案，但在JavaScript中不太推荐使用document.write()：

<script>
  function parsingfunction() {
    /*var originalString = entity.getGenreSolr();
    var results = originalString.slice(1, -1);
    return results;*/
    return ["AAA", "BBB", "CCC"].join(" -- ");
  }
</script>
<div class="Option_Title_summary_summary">
  <script>
    document.write('<p> Genre List: ' + parsingfunction() + '</p>');
  </script>