
上QQ阅读APP看书,第一时间看更新
1.5.4 在文档<head>区域中的JavaScript
本书前几章的大部分JavaScript代码将会放在网页的<head>区域,并且封装在<script></script>标签对内。在<head>区域也可以包括网页标题、对外部CSS文件的链接、嵌入样式和元标签等其他元素,这些元素可以放在<head>区域的任何位置。
通常,装载网页时将显示一些内容,而当用户与页面元素互动时将执行JavaScript。此外,有些JavaScript也可能在显示任何HTML内容之前就立即执行。例1.12展示了一个页面,该页先装载然后当用户单击一个按钮时将调用在<head>区域中的一个JavaScript函数。
例1.12 调用<head>区域的JavaScript代码
装载时这个页面看起来像这样:
当用户单击按钮时,将调用名为welcome()的JavaScript函数,这个函数定义在<head>区域的第5~8行。该函数极其简单,只做一件事,就是弹出一个警示对话框显示信息“Hi there,friend!”。在单击按钮之后这个页面看起来像这样: