JavaScript实现自动更新导航栏

本文介绍了一种利用JavaScript实现网站导航栏统一管理的方法,通过将导航栏制作成独立的JavaScript文件,可以轻松实现在所有页面上的应用和更新。

来自Asp.net精英论坛:bbs.1aspx.com 


你是不是也有过需要增加导航栏题目的情况,因为导航栏的特殊性,它几乎出现在了你网站内的全部页面上,改动起来可真是%$#@&“哪里有好心人帮俺个忙?”“别叫了!叫你早不用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就行了,方便吧!当然这种方法还有很多用途,自己去试试看吧。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值