微信公众号 
图码生活

每天发布有五花八门的文章,各种有趣的知识等,期待您的订阅与参与
电脑报 1992-2001 十年文章全集
电脑报 1992-2001 十年文章全集
包含从 1992 年 - 2001 年间,两万余篇期刊文章,查询最少输入两个字符
随便看看
读取中
读取中
标题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就行了,方便吧!当然这种方法还有很多用途,自己去试试看吧。