正 文

JavaScript在网页设计中的应用


www.7dspace.com  更新日期:2005-8-16 2:54:01  七度空间


二、让网页具备浏览器识别适应功能

随着网络的技术发展,动态网页已被Netscape和Microsoft分别引入应用,但在标准应用中有相当大的分歧,往往必须分别为它们俩分别编写不同的HTML页面,同时兼顾不支持动态网页的浏览器。用下面的JavaScript可以解决这个问题。

< script language="JavaScript" >function testBrowser(){ie=((navigator.appName=="Microsoft.Internet Explorer")&&(parseInt(navigator.appVision) >=4))ns=((navigator.appName=="Netscape")&&(parseInt(navigator.appVision) >=4))if(ie){self.location.href="index_ie.html";}if(ns){self.location.href="index_ns.html";}} < /script >同时,还必须在该页面的BODY中还要加入对程序的调用:< body onLoad="testBrowser()" >

这个调用在网页被加载时激活,如果浏览器是IE4.0或更高版本,浏览器就加载相应index_ie.html;如果浏览器是Netscape 4.0或更高版本,浏览器就加载相应index_ns.html;如果两种情况都不满足,浏览器就停留在现在的页面。

三、表单数据项的校验
  
  表单是网页开发者经常采用的一种与用户交互的方式,通过表单可以就指定内容与用户交流信息。我们不希望用户的误操作而漏掉部分表单项目,也不希望用户输入无效信息干扰了我们的调查过程。这时,我们也可以用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()" >
  
  如果还有更多的调查项目,则可以设置更多更严格的校验条件,使你的表单取得更有效更准确的结果。
3页,当前在第2页  1  2  3  

上一篇:标记及脚本语言HTML基础篇
下一篇:HTML教程之表格作为子页
作者:  来源:不详 ( 责任编辑:7dspace )
收藏此页】【打印】【关闭
站 内 搜 索
 

热 点 导 读
特 别 推 荐