Question

<script type ="text/javascript">
    var current = 0;
</script>
                    

<h3 style={{marginTop: '10', textAlign: 'center'}}><b>Current Affect: <script type="text/javascript">document.write(current)</script></b></h3>

唯一的结果是“当前影响：”不能显示0

Answer 1

实际上，您的代码确实产生了您应该获得的0，尽管您的方法使用了大约20年以上的技术，而不是现代代码的编写方式。

除非您要在新窗口中动态创建新文档，否则不建议使用

document.write()。

此外，内联脚本也不是将动态内容注入页面的适当方法。相反，创建一个HTML元素作为结果的占位符，并使用DOM API填充该元素。

最近五年来，type="text/javascript"标签上的script不再需要。

<h3 style={{marginTop: '10', textAlign: 'center'}}>Current Affect: <span id="result"></span></h3>

<script>
  var current = 0;
  // Access the HTML placeholder and populate it with the dynamic content
  document.getElementById("result").textContent = current;
</script>

在js html中打印变量

1 个答案: