981财神捕鱼

任務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　網頁底部導航欄的瀏覽外觀效果