<!DOCTYPE html>
<html>
<head>
<title>Greet</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--开始编写JavaScript代码-->
<script type="text/javascript">
//由按钮单击事件调用的函数
function greet()
{
var name=document.getElementById("name"); //得到name文本框
//如果找到name文本框
if(name)
alert("Hello "+name.value); //显示对话框
}
</script>
</head>
<body>
<!-- 用于输入消息的文本框 -->
<input type="text" id="name"/>
<!-- 调用greet方法的按钮 -->
<input type="button" value="Greet" οnclick="greet()" />
</body>
</html>
运行结果:
心得:
此函数由按钮点击事件onclick触发。