JS案例:单击页面上两个按钮,显示不同的问候语

来自CloudWiki
跳转至: 导航搜索
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>动态绑定事件示例</title>
<script type="text/javascript">
	function wel_girl() 
	{
	    alert("欢迎您,女士请到二楼接待室!");
	}
	function wel_boy() 
	{
	    alert("欢迎您,男士请到一楼接待室!");
	}
</script>

</head>
<body>
<p>
	<button name="button1" id="buttonn1">我是男士</button>
</p>
<p>
	<button name="button2" id="buttonn2">我是女士</button>
</p>
<script type="text/javascript">
	var wel_boy=document.getElementById("button1");
	wel_boy.onclick=wel_boy;
	var wel_girl=document.getElementById("button2");
	wel_gril.onclick=wel_girl;
</script>
</body>
</html>