如何在JSP的HTML标记内显示JavaScript变量? [英] How do I display a JavaScript variable inside my HTML tags in JSP?

问题描述

我有一个获取原始String并将其切片的函数.如何以HTML显示结果?

I have a function that gets the original String and slice it. How do it display the results in 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>

推荐答案

使用的代码不正确，因为我们不能用JavaScript变量更新HTML，因此必须更新HTML取而代之的是JavaScript.

Well the code you are using is incorrect because we can't update HTML with JavaScript variables this way, you have to update the HTML from JavaScript instead.

您的代码将如下所示:

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代码中获得它.

I commented your old code to avoid Exceptions with undefined variables and I gave the id="genreList" to the paragraph so I can get it in the JS code.

注意:

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

There's another solution but it's not very recommended in JavaScript, by using 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>

这篇关于如何在JSP的HTML标记内显示JavaScript变量?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！