Question

<html>
<script type = "text/javascript">
    function concatStrings(){
      var string1 = "programming";
      var string2 = "class";
      var sentence = string1 + " " + string2;
      return sentence
    } 
</script>
</html>

我是JavaScript新手，想知道如何获得一个简单的语句来返回。我尝试了这个并测试了它但没有出现任何东西。如何让变量，句子出现？

Answer 1

<html>
<script type = "text/javascript">
    function concatStrings(){
      var string1 = "programming";
      var string2 = "class";
      var sentence = string1 + " " + string2;
      return sentence
    } 
    alert(concatStrings()); // Add this line to get a popup
</script>
</html>

Answer 2

尝试alert(sentence);或console.log(sentence);而不是return sentence。 alert（）将在警告消息框中显示该字符串，其中console.log将在浏览器控制台中记录该字符串。

Answer 3

尝试alert（）或控制台

<script type = "text/javascript">
        function concatStrings(){
          var string1 = "programming";
          var string2 = "class";
          var sentence = string1 + " " + string2;
          return sentence
        } 
    //Try alert
    alert(concatStrings());

    // OR Console
    console.log(concatStrings());
    </script>

Answer 4

欢迎！

现在你的concatStrings()函数正在返回值，但是没有达到预期的效果。从技术上讲，代码是正确的 - 所以你遇到了逻辑错误。

不幸的是，你实际上并没有将字符串推到页面上。 JQuery是一个很好的工具。但是，如果不使用JQuery库，这里最简单的选择是使用Javascript的内置DOM处理函数。值得注意的是，getElementById()：

<html>
    <script type = "text/javascript">
        document.addEventListener('DOMContentLoaded', function(){
            concatStrings();
        });
        function concatStrings(){
            var string1 = "programming";
            var string2 = "class";
            var sentence = string1 + " " + string2;
            document.getElementById("content").innerHTML = sentence;
         } 
     </script>
<div id="content">

    </div>
    </html>

通过这种方式，您可以使用Javascript填充页面中DOM元素的内容。

请注意document.getElementById("content").innerHTML)，这样您就可以搜索现有页面document，找到一个给定元素（在本例中为div元素，其ID为{{1}用所需的字符串重写其内容。

通过使用上述行，您会看到您的字符串显示在页面没有警告弹出窗口或控制台日志。

结合字符串和返回 - JavaScript

4 个答案: