写给大家的编程书（4）

我们还需要制造一些噪音，来真切地感受那个时候网页设计们遇到的窘境。

复习一下属性，属性包含了属性名和属性值，要用：属性="属性值"的方式在HTML的标签中表示。顺便，再抛出一个概念：事件。

事件代表了用户与网页的交互行为，例如：小明将鼠标指针移到了一个链接上，但是木有点击；小华点击了输入验证码的文本框；小圆按下了确定按钮。

事件包含几个重要的主体：事件的触发条件、事件的接受体、事件产生的行为。我们通常把这三个主体联合在一起，定义一个完整的事件主体。还是用上面的一个例子，小圆按下了确定按钮。

事件的接受体是一个按钮，触发条件是该按钮被滑鼠左键单击，事件的行为我们现在定义，嘿嘿：提出一个提示框，告诉小华，Ta的菜单被怪鸽子饭店收到了，稍后上餐。

仍然使用属性的方式，将事件定义在HTML的标签里（按钮<input>控件的标签里）。这个定义行为称为绑定，即把事件的定义和行为绑定在事件的接受体之上。

规则为：事件属性名="事件行为"

事件通过on打头的属性定义，这里使用单击事件属性onclick来定义这个事件。事件行为，我们可以借助浏览器现成的功能。

浏览器会提供“成打”的功能给程序员直接调用，这些功能集合可以用“内置函数”或者“原生函数”这个专有名词称呼，我们暂时不碰这个硬柿子而是发挥拿来主义。

alert这个功能，可以实现在浏览器中弹窗，需要用户确定后弹窗才会被关闭。使用方法很简单：功能名("功能参数");——alert("你要提示的内容");。记住右括号后面的英文半角分号不能漏掉！

我们来着手定义这个事件属性，onclick = "alert("收到您的菜单，怪鸽子餐厅很荣幸为您服务，鸽子的晚餐稍后就到。");"。

注意到双引号被双引号包裹的情况，一般情况下这个是不被允许的。英文符号中双引号的开闭、单引号的开闭是一个符号，没有左右之分。“”哈哈“”这样的写法会给计算机君造成很大的困扰。不妨把他们标号，"①"②哈哈"③"④：

计算机君看到①号引号时，默认一个语言片段要开始了，他会找到最近的另一个引号作为这个语言片段的结束，于是他就找到了②号引号。他认为，一个片段完了，这个片段里面没有内容“”，哈哈是什么计算机君会瞬间抽掉，因为前面没有引号！

为了不迷惑（日语中迷惑是给别人带来麻烦的意思）计算机君，我们采用单引号包裹双引号或者双引号包裹单引号的写法。例如“‘哈哈’”，或者‘“哈哈”’，这样我们来改一下上面的onclick功能：onclick = "alert('收到您的菜单，怪鸽子餐厅很荣幸为您服务，鸽子的晚餐稍后就到。');"

把它整合到<input>标签中对上一篇的例子稍作修改，得到：

源码

<h1>
	<center>
		<font color="red">
			<b>
				鸽子的晚餐
			</b>
		</font>
	</center>
</h1>
<hr>
<ol>
	<li>
		<font color="blue">
			<em>
				香辣鸽子
			</em>
		</font>
	</li>
	<li>
		<font color="blue">
			<em>
				红烧鸽子
			</em>
		</font>
	</li>
	<li>
		<font color="blue">
			<em>
				原味炖鸽子
			</em>
		</font>
	</li>
</ol>

<input type="radio">上菜吧！</input>
<input type="radio">再等等！</input>
<br>
<br>
<input type="button" value="确定" onclick = "alert('收到您的菜单，怪鸽子餐厅很荣幸为您服务，鸽子的晚餐稍后就到。');"></input>

保存后，我们顺便做一个实验，扮演一下吃“鸽子的晚餐”的吃货。菜已经点好，上吧，我们流着口水按下了确定按钮，“叮”，提示了(=￣ω￣=)

喂喂！不是说“一大波烦恼就会接近，或许对很多人和公司而言是噩梦”吗？

主页君是在埋祸根，以便这些不幸可以更为猛烈的到来。下一篇，我们看看发生在小华身上的杯具。