上QQ阅读APP看书，第一时间看更新
任务1-7 利用外部JS文件动态输出网页内容
可以将JavaScript脚本保存到外部文件中，外部文件通常包含被多个网页使用的代码。外部JavaScript文件的文件扩展名是.js。如果需使用外部文件，则应在<script>标签的“src”属性中设置该JS文件。注意外部脚本不能包含<script>标签。
在<head>或<body>中引用脚本文件都是可以的。实际运行效果与在<script>标签中编写脚本完全一致。
【任务描述】
创建网页0107.html和独立的JS文件bottom.js，分别使用HTML代码和JavaScript代码实现图1-7所示的网页底部导航栏。
【操作提示】
（1）创建网页，编写HTML代码实现如图1-7所示的网页底部导航栏。
（2）在JS文件bottom.js中编写JavaScript代码，输出网页底部导航栏。
（3）在网页编写以下代码实现所需功能。
<script src="js/bottom.js" type="text/javascript"></script>
图1-7 网页底部导航栏的浏览外观效果