JavaScript在网页设计中的嵌入应用.docVIP

三、表单数据项的校验 ---- 表单是网页开发者经常采用的一种与用户交互的方式，通过表单可以就指定内容与用户交流信息。我们不希望用户的误操作而漏掉部分表单项目，也不希望用户输入无效信息干扰了我们的调查过程。这时，我们也可以用JavaScript对表单内容进行校验。 ---- 在下面的例子中我们将对一个简单的表单进行校验，假设表单（定义为userInfo）中有两项，分别为用户名（userName）和电子邮件地址（userEmail），我们的校验程序如下：  script language=JavaScript function checkForm(){if (document.userInfo.userName.value==){alert（“用户名必须输入：”）return false;}if (document.userInfo.userEmail.value.indexOf(′@′)==-1){alert（请输入正确的电子邮件地址！”）；return false;}} /script 同时，在表单的提交项中必须加入对该程序的调用： form action=YOUR_CGI onSubmit=checkForm() ---- 如果还有更多的调查项目，则可以设置更多更严格的校验条件，使你的表单取得更有效更准确的结果。 ---- 四、进行网页的栏目导航 ---- 我们经常在别人的网页上看到利用选择列表来进行栏目导航，这样既节约了空间，又十分的醒目和方便，这里我们可以用JavaScript很轻松的实现这种效果。  form name=siteGuide  stlect name=siteList onChange=self.location.href=this.form.siteList.options[ this.form.siteList.selectedIndex].value  option selected value=# 请选择栏目 /option  option value= 中国计算机报 /option  option value= 计算机世界 /option  /select /form ---- 这里，我们还可以把JavaScript独立出来作为一个函数进行调用，甚至加以扩展，以实现更多的功能。 ---- 五、动态图片广告更换显示 ---- 在网页上放置广告图片的链接已经是很普遍的事情，但如果要同时放置几个广告图片时，不但展用了太多页面空间，也影响了用户的访问热情，但如果我们采用动态图片广告更换显示的话，就既节约了页面的空间，又不影响相应的链接。  script language=JavaScript function loadBanner(){setTimer=setTimeout(changeBanner(),5000);listCode=0;listBanner=new Arrey(2)listBanner[0]=new Image(400,40)listBanner[0].src=banner_0.giflistBanner[1]=new Image(400,40)listBanner[1].src=banner_1.gif}function changeBanner(){listCode=listCode+1if(listCode==2){listCode=0}bannerSrc=banner_+listCode+.gifdocument.adBanner.src=bannerSrcsetTimer=setTimeout(changeBanner(),5000);}function changeLink(){if(listCode==0){adLink=}if(listCode==1){adLink=}self.location=adLink} /script 同时，为了确保效果，建议在网页的Body中激活相应JavaScript函数。 body onLoad=LoadBanner() 还要在页面相应放置广告图片的地方放置以下代码， a href=JavaScript:changeLink()  img src=banner_o.gifborder=0 name=adBanner width=400 height=40 alt=动态广告图片 /a ---- 为了适应你的需要，你还可以添加更多的图片项进去，只要调整相应的语句和相应的参数，就可以满足你的更高要求了。 ---- 六、在HTML页面里嵌入JAVASCRIPT实现年月日时钟同步时间显示将以下代码