二、让网页具备浏览器识别适应功能
随着网络的技术发展,动态网页已被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()" >
如果还有更多的调查项目,则可以设置更多更严格的校验条件,使你的表单取得更有效更准确的结果。
正 文
JavaScript在网页设计中的应用
www.7dspace.com 更新日期:2005-8-16 2:54:01 七度空间
上一篇:标记及脚本语言HTML基础篇
下一篇:HTML教程之表格作为子页
作者: 来源:不详 ( 责任编辑:7dspace )
站 内 搜 索

热 点 导 读

特 别 推 荐
