在脚本标记中执行一些javascript后，为什么在html文件中有此文本“ undefined”？

Question

我在if / else块中执行一些Java脚本，该脚本使用document.write（）函数将一些标签/内容打印到html文件中。 在我结束“ body”标签之前，这段javascript位于“ script”标签内。 但是我看到了一个非常奇怪的行为：当我的if（）条件满足时，我在html中看到了一些额外的文本“ undefined”。 我没有使用JS编写此未定义的文本。 同时执行else {}块中的代码时，这个未定义的文本不再出现在我的html文件中。 我的代码的结构如下：

if(){}
else{
  if(){
    html_text += "<div><p>hello world</p></div>";
    document.write(html_text);
  } else {
    html_text += "<div><p>No hello world</p></div>";
    document.write(html_text);
  }
}

Answer 1

这是因为您从未初始化变量html_text 。

<script>
  var html_text = "";
  // Other code
  html_text += "<div><p>hello world</p></div>";

Answer 2

连接前，请使用正确的语法和初始变量进行所有操作。

<script>
var html_text = "";

if(your_condition){
     html_text += "<div><p>hello world</p></div>";
     document.write(html_text);
}
else 
{
     html_text += "<div><p>No hello world</p></div>";
     document.write(html_text);
}

</script>