导航栏技术

1、网站都有导航栏,而导航栏代码基本上是每页重复的,那么每页都要重新写一遍导航栏代码吗?答案是否的,不论是制作过程,还是维护过程,都相当麻烦。


2、不依赖于服务器端,实现代码复用。那就是js。先把导航栏的代码用html写出来,然后用Html-Js转换工具转成js代码,参考网站:http://tool.chinaz.com/Trans/Html_Js.asp ,然后把这段代码保存为*.js放到网站每一目录下,其他页想引用导航栏的时候,使用:<script src="../zz/xx.js"></script>即可。


3、不依赖于客户端,实现代码复用。可以使用IIS的Include技术。首先打开IIS的服务器扩展,允许“在服务器端的包含文件”,然后用Html写一个通用的导航栏放到网站目录下,其他页引用的时候写:<!-- <# include file="../zz/xx.html" /> -->,注意并把此页的后缀改为*.shtml,这样客户在访问该shtml时,即可得到服务器合并处理好的整体页面。


4、小结:js技术的导航栏,在客户端禁用js的时候,是显示不出来的,include技术的导航栏会消耗一定的服务器资源,想用什么自己看着办吧。 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值