避免使用JavaScript动态导航条的7大理由

Over time many bad web design ideas have been dropped or lost favor, including unnecessary splash screens and unwieldy framesets, for the good of the web user. However, one web design bad habit that persists is the JavaScript Dynamic Navigation. This is bad news for both web users and those looking to commission a web designer to build a site for them. Ultimately if your navigation is broken, so is your site.

随着时间的流逝，很多落后的网页设计观念已经被人们所遗弃，其中包括哪些毫无用处的飞溅显示效果和框架。然而，对于优秀的网页设计师来说，其中一个缺点就是使用JavaScript动态导航条。这对于所有的设计师来说都不是一个好兆头。因为最终这将影响站点导航条的实际效果，甚至是整个网站。

The seven top reasons why you should not use JavaScript Dynamic Navigation are:

避免使用JavaScript动态导航条的7大理由：

Site navigation is difficult when navigation is not permanently displayed.
动态导航条将给整个站点导航带来麻烦

Everyone likes to know where they are going and even where they are! A site with a permanently visible navigation structure meets both of these requirements, but popup or dynamic navigation systems do not. Remembering that Google and the other search engines are as likely to deliver a visitor to a subpage as they are to your home page, a clear navigation structure is essential. Think of it as they "You are here" icon in your local shopping mall's map.

每个人都希望清楚的获知他们的具体位置以及它们可以去哪。固定的可视化导航条结构可以同时满足这两点要求，但是弹出式表单和动态导航系统却不行。记住，当Google和其他的搜索引擎很可能会把浏览者带到主页下的一个二级页面，所以清晰的导航结构很必要。可以想想，做一个类似于本地购物地图的图标标示，上面写：“你在这了”。

Embedded elements can clash with dynamic navigation
嵌套元素会与动态导航系统相抵触

A typical dynamic navigation structure will result in an overlay or pop up/down display. The challenge here is that if your site is media rich (ie contains flash animation or embedded video) these embedded elements will take precedence on the page. The end result is that part of your navigation will be hidden behind these elements making site navigation difficult if not impossible.

典型的动态导航结构将会覆盖站点内容或弹出、缩进显示。在这里，最大的挑战就是，如果你的站点中包含大量的多媒体（如：flash动画或内置的视频），这些内置元素将会在页面中优先显示。最终导致的结果就是：你的导航条会被这些元素所遮盖，那将是浏览者无法看到导航条的内容。

Cross browser/platform compatibility issues
交互式浏览器/平台功能议题

As any developer will tell you, since the dawn of the internet, not all browsers are created equal. Some applications will follow a stricter implication of JavaScript than others. The only way to combat this issue is through vigorous testing - something that takes time and money. When you consider how quickly some browsers release code updates you have to be prepared to be in constant test and verification mode.

如同我告诉你的那样，从互联网刚刚诞生之际开始，所有的浏览器都不是在同一水平下创建的。一些应用程序对JavaScript功能的支持强于其他的脚本程序。我们只能通过各种测试来反驳这一点——但是这是需要花费很多时间和金钱的。当你考虑一些浏览器尽能如此迅速地释放代码更新时，你应改已经做好了坚持长期测试和代码验证的准备。

Usability issues- Dynamic Navigation is not for everyone
效用议题 —— 动态导航条并不适用于任何人

Just like menus in Windows or OSX, dynamic navigation structures require good hand/eye co-ordination. Not everyone will be as fast or as accurate as you are when it comes to using a mouse and nested dynamic navigation can be particularly hard to use. Usability studies with elderly users or those new to computers and the internet shows that such nested menus quickly cause frustration and are far from easy to use.

就如同Windows 或 OSX 系统中的菜单一样，动态导航结构要求很好的触摸性和视觉性配合。并不是所有的人使用鼠标都是同样的迅速和精准的，那么，动态导航系统会给他们带来麻烦。通过对新、老用户的网络使用效用表明，嵌套菜单会给他们麻烦，并且非常不易使用。

The Experts don't do it
专家们也不这样做

Go and visit your favorite site and then all the big internet names such as Google, Amazon, YouTube, BBC, MSN, Yahoo!, MySpace, eBay, Wikipedia, Craigslist, IMDB, etc, etc. There is a reason that you don't see these sites using dynamic navigation and that's because there are better ways. Any coaching or strategy expert will tell you the secret to success is to model those who are already successful. So if th336e experts don't use dynamic navigation why would you?

去看看那些著名的站点，所有的大型网站如：Google、Amazon、YouTube、BBC、MSN、Yahoo!、MySpace、eBay、Wikipedia、Craigslist、IMDB等等，你会发现，他们也并不使用动态导航系统，因为已经存在更好的方式去代替它了。所有的训练或战略专家将告诉你如何利用这些已经成功地案例。因此，如果th336e专家都不使用这些动态导航系统，那么你还去用它干什么呢？

You have plenty of other options
你拥有其他更多的选择

One advantage of a dynamic JavaScript navigation structure is that everything is contained in a single script file. Changing any aspect of the whole site's navigation can be achieved by modifying this one file. However, this benefit is not unique to JavaScript. An external xml navigation structure or a range of server-side scripting processes can achieve the same effect and all are capable of outputting standard XHTML without any of the drawbacks listed in this article.

动态JavaScript导航系统结构的其中一个优点就是，所有的程序都可以被写进一个简单的脚本文件中，只要对其进行改动，就可以达到修改所有文件的目的。然而，并不是只有JavaScript拥有这项优势。所有的外部XML导航结构和服务器端脚本程序实现同样的效果，并且，在标准XHTML的输出上并没有任何限制。

Your site will be broken if JavaScript is turned off!
如果你避免使用JavaScript，那么你的站点将会有突破性进展！

With increased security awareness and the constant screen invasion by pop-ups many users restrict or even turn off JavaScript settings in their browsers. While this activity is designed to stop the JavaScript based popups, squeeze pages and floating ads, it will render your site inoperable. Statistics show that 10% of the visitors to your site will have JavaScript disabled. As there are plenty of better alternatives to a dynamic JavaScript navigation structure why even risk alienating 10% of your site visitors?

考虑到日益关注的安全性问题以及弹出式窗口的入侵，很多浏览器已经默认关闭运行JavaScript属性了。它旨在阻止JavaScript弹出式页面，页面挤压和浮动广告，因为这些会使你的网站变得混乱。统计表明，10%的访问者关闭了JavaScript功能。其实，这里仍然存在很多JavaScript导航结构的替代元素，那么为什么还要去冒那个“10%”的风险呢？