标题JavaScript实现自动更新导航栏
栏目互联网时代
作者郭涛
发布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就行了,方便吧!当然这种方法还有很多用途,自己去试试看吧。