组合字符串并返回 - javascript答案

【问题标题】：combining strings and returning - javascript组合字符串并返回 - javascript
【发布时间】：2014-10-07 20:38:57
【问题描述】：

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

我是 JavaScript 新手，想知道如何让一个简单的语句返回。我尝试了这个并对其进行了测试，但没有任何结果。我应该怎么做才能让变量句子出现？

【问题讨论】：

你必须打印/显示它。
你希望它显示在哪里？
您正确定义了该函数，但是您目前没有调用它。您可以在 firebug 控制台 [on firefox] 或 Chrome 控制台中尝试：alert(concatStrings()); .
你只需定义一个函数。这本身没有任何作用。您必须在某处调用它并进行输出，例如，使用 console.log() 或 alert()。
console.log(concatStrings());

标签： javascript function return

【解决方案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>

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案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>

【讨论】：

【解决方案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 为content 的元素）并用您的想要的字符串。

通过使用上述行，您将看到您的字符串出现在页面上没有弹出警报或控制台日志。

【讨论】：