2013-07-22 48 views
-2

如何将提示框脚本更改为onClick提示?Javascript onClick提示框?

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

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

+2

你要求我们向您展示如何改变一些东西,使其工作同时告诉我们保持不变。 –

+0

这是功课吗?! – Secko

+0

你看过点击事件吗?:https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers.onclick – David

回答

0

你首先需要使用HTML元素挂钩onclick事件,让我们在这里使用的是普通按钮:

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

,并通过您创建活动的功能。

这些事件可以接收JavaScript代码块并在事件发生时执行它,我还建议看看像@David建议的规格。

0

是一个最佳实践添加一个外部JavaScript文件中的“行为”和不是HTML属性

为了做到这一点,只需添加跟踪JavaScript代码(在一个外部文件):

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

凡标记为:

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

对于 “链接” 的JavaScript代码在HTML页面,只需用你的代码添加文件中的script元素:

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

说到最佳做法,请在机身关闭标记之前添加script元素; 不是head元素。通过这种方式,您将避免页面的呈现必须等待JS文件的加载。

下面是一个例子:Fiddle

BTW,你不需要创建所有这些变量:

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