JavaScript实现自动更新导航栏

Author: 郭涛 Date: 2000年第40期

　　你是不是也有过需要增加导航栏题目的情况，因为导航栏的特殊性，它几乎出现在了你网站内的全部页面上，改动起来可真是％＄＃@＆“哪里有好心人帮俺个忙？”“别叫了！叫你早不用JavaScript，现在改还来得及。”
　　首先，如果你还没有导航栏就做一个，用任何网页编辑器都行，最好用表格做。然后找到这个表格的HTML代码复制到剪贴板上。打开一个文本编辑器如记事本，把代码复制到上面，然后在HTML的每一行的左边加上 “document.writeln（′”，右边加上“′）”；例如：
　　document.writeln（′<table width=″760″ border=″1″ cellpadding=″0″ cellspacing=″0″>′）；
　　document.writeln（′<tr align=″center″ bgcolor=″＃CCCCCC″>′）；
　　document.writeln（′<td><a href=″htmlintro.html″>Html专栏</a>′）；
　　document.writeln（′<td><a href=″flash.html″>Flash大放送</a></td>′）；
　　document.writeln（′<td><a href=″php.html″>PHP入门</a></td>′）；
　　document.writeln（′<td><a href=″javascript.html″>JavaScript介绍</a></td>′）；
　　document.writeln（′</tr>′）；
　　document.writeln（′</table>′）；
　　这可是一劳永逸的。然后把这个文件命名为navigation.js一类的名字存档。
　　准备工作做完了，下面，激动人心的一刻就要发生了。打开一个页面把里面原有的导航栏删掉，在那个位置上加入：
　　<SCRIPT language=″Javascript″ src=″http：//www.yourdomain.com/content/yourfile.js″>
　　</SCRIPT>
　　需要注意的是“src=″″”里的文件路径就是navigation.js的路径，一定要写对呀。然后在浏览器试一下，如果你按照我刚才说的一步步都做对了，浏览器里应该出现那个导航栏了。然后把上面的<SCRIPT>……</SCRIPT>添加到你的每一页里。以后如果要修改导航栏就改navigation就行了，方便吧！当然这种方法还有很多用途，自己去试试看吧。