Question

我想在我的HTML文档中添加一些javascript。在我的例子中，我想用HTML显示文本中的2的正方形。应使用js脚本计算结果。例如，考虑一下：

在我的标题中：

<script type="text/javascript">
  var square = 2*2
</script>

在我的身上：

<p>The square of 2 is <span id="square">.</span></p>

我需要添加什么才能使其正常工作？

Answer 1

您需要将范围的innerHtml设置为值，这样就可以这样：

<script type="text/javascript">
  var square = 2*2;
  document.getElementById('square').innerHTML = square;
</script>

但是你需要将这个脚本移动到写入跨度之后，因为页面是按程序呈现的，并且跨度尚未存在于头部。另一种选择是将代码包装在document.onload函数中，如：

<script type="text/javascript">
  document.onload(function() {
      var square = 2*2;
      document.getElementById('square').innerHTML = square;
  });
</script>

Answer 2

尝试使用HTML文档对象模型，例如

function changeText(){
 var ans = 2*2;
document.getElementById("square").innerHTML = ans;
}

然后，将此javascript附加到诸如

之类的事件中

<body onload="changeText()">

如何在HTML中显示Javascript变量？

2 个答案: