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

来自CloudWiki
Cloud17讨论 | 贡献2020年2月13日 (四) 09:54的版本 (创建页面,内容为“ <nowiki><!doctype html> <html> <head> <meta charset="utf-8"> <title>动态绑定事件示例</title> <script type="text/javascript"> function wel_girl() { a…”)
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
跳转至: 导航搜索
<!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>