javascript - 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();
}