本教程将帮助您学习如何调用JavaScript函数点击或传递各种HTML控件的事件。
创建JavaScript函数 -
首先，创建JavaScript函数在<head>…</head>之间加入这个网页的标记，像下面代码。您也可以在单独的JavaScript文件中添加功能，包括HTML页面。
<script type="text/javascript">
function myFunction() {
var dt = new Date();
alert(dt);
}
</script> 现在，上面的调用JavaScript函数的各种HTML控件的Click事件。这些HTML控件需要放在<body>网页标记。
1. 超链接点击
下面添加HREF的HTML代码中主体部分和Web浏览器访问。现在，只需点击链接，它会执行JavaScript的myFunction函数，它会显示按上面使用当前日期。
<a href="javascript:void(0);" onclick="myFunction();"> click here </a>
2. 表单提交
现在调用形式JavaScript函数提交事件。这是用来验证表单输入的值，然后提交他们。
<form id="myForm" method="post">
Name: <input name="name" id="name" type="text" /><br />
<input type="button" id="form1" onclick="myFunction();" value="Submit" />
</form>
3. 按钮单击
现在调用按钮点击事件的JavaScript函数。
<button onclick="myFunction();">click here </button>
4. 以P标签当链接
现在使用html “P”标签创建JavaScript函数的链接。
<p id="demo" onclick="myFunction()">click here </p>
