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

首先需要使用html元素将onClick事件挂钩，让我们在这里使用一个简单的按钮：

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

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

这些事件可以使用javascript代码块并在事件发生时执行它，我还建议看一下@David建议的规范。

Answer 2

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

为此，只需添加以下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>

说到最佳做法，请在正文关闭代码之前添加script元素; head元素中的 NOT 。通过这种方式，您将避免页面呈现必须等待JS文件的加载。

以下是一个示例：Fiddle

BTW ，您无需创建所有这些变量：

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