javascript - Javascript onClick提示框？

Question

如何将该提示框脚本更改为 onClick 提示？

<script> 
var name = prompt("What's Your Name");
var name1 = function (name) {
confirm("Great to see you," + " " + name);
};
name1(name)
</script>

请保持原样，因为这是我能理解的唯一方法。

Answer 1

最佳做法是在外部 JavaScript 文件中添加“行为”，而不是HTML属性。

为此，只需添加以下 JavaScript 代码（在外部文件中）：

document.getElementById("button").onclick = function() { /* code */ }

标记在哪里：

<button id="button" type="submit">Click me!</button>

要在 HTML 页面中“链接”该 JavaScript 代码，只需在script元素中添加包含代码的文件：

<script src="Your relative path (or absolute if you want)"></script>

说到最佳实践，在body 关闭标签script之前添加元素；不在元素中。通过这种方式，您将避免页面渲染必须等待 JS 文件的加载。head

这是一个例子：小提琴

顺便说一句，您不需要创建所有这些变量：

document.getElementById("button").onclick = function() {
    confirm("Great to see you," + " " + prompt("What's Your Name"));
};

Answer 2

您首先需要使用一个 html 元素来挂钩 onClick 事件，让我们在这里使用一个普通按钮：

<input type="button" onClick="name1(name);" value="Confirm Test" />

并将您创建的函数传递给事件。

这些事件可以接收javascript代码块并在事件发生时执行它，我还建议您查看@David建议的规范。