姬小光前端小讲堂【第006期】

在前几期的成果中，我们做出来的页面只有一些“静态”的内容，只能给用户大眼瞪小眼的看，那么别人家的网页上那些飞来飞去的，若隐若现的东西都是咋搞的呢？

这一期，我们来说说页面中的脚本（Script）。

页面中的脚本

脚本语言有很多中，目前网页制作中基本上已经是 Javascript 的天下了（脚本语言的一种，以下简称 JS），脚本语言可以以文本形式存在，在浏览器中解释执行。我们网页上的用户交互效果，绝大部分都是使用 JS 来实现的。

那么，如何在我们的网页中插入一段脚本，又怎样能让它 rock 起来呢？

在第二期（回复 002）的课程中我们了解到，HTML是一种标记语言，那么网页中的脚本，也有它对应的标签，那就是 <script> 标签。

下面我们按照第一期（回复 001）的然并卵的方法，新建一个文件，并写入如下代码：

之所以这里用的是截图而不是文本，是希望大家体验一下敲打代码的赶脚，也能帮助大家学习和记忆。

OK，保存并用浏览器打开之后，你会发现页面上已经输出了我们 “write” 的内容：

这里包裹在 <script> 标签中的内容，就是我们的 JS 脚本了。这个 document.write 方法（可以理解为程序的一种能力或行为），可以在页面中写入一段内容。

当然，关于 Javascript 语言本身，我们还有很多内容要学习，可能几十节课都讲不完。这里只是通过一个简单的栗子先让大家有个直观的印象，知道 JS 是可以做用户交互的。

最后我们再来加一点点真正的交互，现在我们把 <script> 标签中的内容改成这样：

保存后再刷新网页，你会看到页面弹出了一个提示框：

我们可以点击“OK”来关闭这个窗口，而窗口的内容也是我们代码里面输入的内容。聪明的你是不是感受到了一点交互的功能了呢？