为什么我的javascript按钮在点击时消失（在线方法）

Question

我知道一些javascript，但从未完全理解为什么这段代码会让按钮消失。

<input type="button" name="clickable" value="Click me!" onclick="clicked();">

OR

<button onclick="clicked();">Clickity</button>

这是我的功能

function clicked() {
    document.write("Thank you");
}

正如你所看到的，它并没有告诉元素隐藏或类似的东西。有人可以解释一下吗？解决方案会很好。

JSBin

Answer 1

因为您将文档写入＆＃34;谢谢你＆＃34;

尝试使用alert或console.log

Answer 2

document.write会覆盖页面上的现有HTML。你可以尝试这样的事情：

脚本：

function clicked() {
    document.getElementById('myOutput').innerHTML="Thank you";
}

HTML：

<input type="button" name="clickable" value="Click me!" onclick="clicked();">
<div id="myOutput"></div>

Answer 3

在DOM加载并准备就绪后执行了document.write()，这会写入整个页面的HTML。 This SO Answer将有助于详细阐述。