Javascript的新手,编写基本功能

Question

这是我的javascript代码:

var num1;
function press_Button(){
    num1 = 3;           
}

然后我有一个按钮: onclick="press_Button()"

在HTML中是这样的:

<script type="text/javascript">
    document.write(num1);
</script>

即使在按下按钮后,页面也会将变量显示为未定义,我无法弄清楚原因.

救命!

Answer 1

那是因为该document.write方法将值转换为字符串,该字符串被写入页面的源代码中.

编写源代码后,变量与源代码中的文本之间没有任何关联.无论你对变量做什么都不会有机会在创建源代码时写入的内容.

每当更新变量时,如果希望更改可见,则还必须更新页面中的内容.您无法在创建源代码后更改源代码,因此您需要一个可以定位的元素,例如围绕该值的范围:

<span id="num1Container"><script>document.write(num1)</script></span>

使用该getElementById方法获取元素:

function press_Button() {
  num1 = 3;
  document.getElementById('num1Container').innerHTML = num1.toString();
}