JavaScript在网页设计中的应用

JavaScript是由Netscape公司开发的一种脚本设计语言，它与Java有关，并与Java共享一些相同的语法和结构，但它又不是Java的简化版本。JavaScript是一种扩展到HTML的脚本设计语言，它使网页开发者可以更有效地控制页面，并能对用户触发事件作出即时响应，诸如单击鼠标、表单操作等等，而且这些都不需要客户机与服务器的交互通讯，这样同时就为最终用户提供了更快速的操作，减小了服务器端的负担。

JavaScript不能脱离HTML而独立存在，只有在支持JavaScript的浏览器中，它才能作为HTML页面的一部分起作用，但它确实增强了网页的表现力，并提供了比基本HTML标记更强的交互性。随着互联网的发展和网络应用的丰富，开发者们开始用JavaScript创建各种诱人的页面效果，如各种页面渐变、图片特效、文字特效等等；当然也有许多实用的页面功能扩展，如页面的用户访问控制、动态导航、表单数据校验等。

现在的主流浏览器都提供了对JavaScript的强力支持，我们的网页开发者更是不能回避，只要启动了想象力，你就可以创建各种各样的JavaScript嵌入应用。本文将向大家介绍几种最实用的JavaScript程序，对网页开发者都能提供很好的指导作用，甚至只要改动或增加少量代码，你就可以实现更丰富的页面功能。

一、保护框架结构的JavaScript程序

现在的许多网站为了便于导航，纷纷在网页中加入了框架结构（FRAME），这样就可以方便网站浏览，容易保持页面一致性。但我们经常会发现这样一些情况：1）在使用框架结构的网页里，由于链接其他页面或循环链接造成框架结构页面的一个帧里嵌套了另一个含有框架结构的页面，影响了页面效果和实际阅读面积，或者你精心设计的页面被别人嵌入他的框架结构中，作为他的页面一部分；2）你设计的本该在框架结构中的内部页面被用户打开到单独浏览器窗口中，失去了相应的框架导航作用。对于这两种问题，我们可以用JavaScript来解决。

如果你不想让你的页面被嵌套在其他框架结构里，你可以在你的页面相应位置加入下面几行代码即可。（此处略去相应位置其它HTML代码）

＜Head＞ ＜ script language="JavaScript" ＞if(self!=top){top.location=self.location;}＜ /script ＞＜/head＞
对于第二位情况，如果你不想让你的页面脱离相应的框架结构，也只要在相应页面中加入下面代码。（此处同样略去相应位置其它HTML代码）

＜ Head ＞＜ script language="JavaScript" ＞if(self==top){self.location.href="url";}＜ /script ＞＜ /head ＞
这里的url应该设置成你网页中定义相应框架结构的页面地址。在这两个例子中，你还可以设置在新的窗口中打开你的页面，而不是用你的页面替换原有页面。

window.open("url","windowName","windowFeatures")