写这个教程的起因很简单：经过一段时间的ajax学习，有一些体会，并且越发认识到ajax技术的强大，所以决定记录下来，顺便也是对自己思路的整理。

前几年，javascript在一般人眼里，功能还很狭窄，所能做的要么是一些简单的表单验证，要么是许多华而不实的网页特效。随着flash的出现，大家已经不像以前那样热衷于js特效。似乎js能做的事情更加少了。但这时候，ajax的概念冒了出来，以gmail为典型代表的ajax应用受到很多人的关注，ajax一下子成为一种很热门的技术，当javascript和xml，和dom模型结合起来，其所能做的事情常常令人匪夷所思，甚至有些功能已经可以和桌面程序相当。

好了废话就不多说了，现在就从一个javascript的开发框架prototype_1.3.1（下面简称为prototype）开始。我本来是想先介绍一下javascript的高级应用，但怕水平不够，说的没有条理，所以就结合prototype来说，顺便会提及js的语法使用。
下面是框架最前面的两段代码：

首先，让我们来看下面两个语法的区别：

后面一个很容易理解，它等价于function f(){};定义一个函数f。但前面一个就不常见了：这其实是创建一个对象，在{}中可以指定对象的成员，比如上面的Prototype，就是一个对象，有两个成员，第一个是版本号，第二个是一个空方法（函数）。像这种不用定义类，就能直接创建对象的功能可能只有js能做到。后面一种语法其实还有一个功能，就是定义一个类f。如果你在函数体中用了this，那么this后面的变量就是类的成员。
不仅this可以定义类成员，还有一种语法：

这等价于:

需要注意的是，用前一种办法时，最后一个成员的最后不能加逗号，我想这种语法应该和数组有关。

在js里，函数和类是没有区别的，都可以new，new的作用是把函数体的语句都执行一遍，然后返回一个对象。如果函数里有this，那么this后面的变量会作为对象成员；如果没有，那么new的作用只是返回一个没有任何成员的空对象。所以你用typeof查看一个所谓类的类型时，仍然会返回function。在js里也基本没有类型的概念，所有变量的声明都用var，即使是函数，也是如此。函数，其实也只是一个变量。

说函数是变量，可能很多人不解。但是你试试下面的做法：

你会发现显示的是fTest这个函数的函数体，所以我们可以认为，所谓函数，仅仅是js引擎可以解析的一段代码字符串。函数名变量存储的只是这个字符串。说的更准确一点，函数名是一个指针变量，它存储的是这个代码字符串在内存中的位置。这样就不难理解将函数作为参数传递，可以作为值返回了，这是以后会大量使用的技术。因为类也是函数，所以理解了函数，也就理解了类。

虽然在js里函数和类没有区别，但是类的概念却可以方便我们进行程序设计，于是prototype很有创意的创建了一个全局对象Class：

Class是一个全局对象，它的唯一方法就是create，作用返回一个函数，前面已经讲过函数作为返回值的机制，这里不再遨述。返回的函数包括一条语句：

前面讲过，new一个函数时，会执行函数里的代码，最后返回对象。所以当使用Class.create()创建了一个函数，再new这个返回的函数时，首先会执行这条语句。后面可以看到，这其实是为了调用类的构造函数。

就是这样，Class成为了整个prototype的类型创建模型，并且能很好的把类和函数在代码上区分开来。Class.create()仅仅是返回一个空类，而且它会默认为这个类是具有initialize方法的，所以要使用这个类，至少需要有一个构造函数，这就需要使用到类的继承。类只是一个函数，那么函数怎么继承呢？看起来匪夷所思，javascript能做到这一点，prototype使得实现更为优雅，至于它是怎么做到的，且听下回分解。

加上这段后，document.body.scrollTop永远等于0

我在做document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollTop;

显示层的位置的时候发现拉到网页下面,层还在上面,原来此时

alert(document.body.scrollTop);显示为0

<script language="JavaScript">
<!--
function PowerDate(){
/* 名称: PowerDate
 * 版本: v Beta 1.0
 * 作者: 梅雪香(meixx)
 * 说明: PowerDate 基本实现了较常见的对于日期的操作,但不包括农历.
 * 注意: 您可以随意复制此程序,请保留该说明.您可以随意更改此程序,如发现有BUG或者有改进请
 *       mail给我一份,我的E-mail:wy_hd@163.com 或者在CSDN给我留言,我的ID是:zhaoxiaoyang
 */
//日期对象
this.date=null;
//格式化时是否加零补位标志,默认为不加零false
this.isFmtZero=false;
this.weekArr=[["星期日","星期一","星期二","星期三","星期四","星期五","星期六"],
  ["SUN","MON","TUR","WED","THU","FRI","SAT"]];
this.monthArr=["JAN","FEB","MAR","APR","MAY","JUN","JUL","AUG","SEP","OCT","NOV","DEC"];
//初始化日期对象
switch(arguments.length){
case 0:
this.date = new Date();
break;
case 1:
//如果为日期类型
if(typeof(arguments[0]) == "object" && (/Date/.test(arguments[0].constructor))){
this.date = arguments[0];
}else{//字符串类型或者毫秒数
var reg = /^(\d{2,4})\D+(\d{1,2})\D+(\d{1,2})$/;
var str = arguments[0].replace(/\s/g,"");
str = str.replace(reg,"$1/$2/$3");
this.date = new Date(str);
}
break;
case 2: //年月----此时初始化为年月的1号
this.date = new Date(arguments[0],arguments[1]-1,1);
break;
case 3: //年月日
this.date = new Date(arguments[0],arguments[1]-1,arguments[2]);
break;
case 6: //年月日时分秒
this.date = new Date(arguments[0],arguments[1]-1,arguments[2],arguments[3],arguments[4],arguments[5]);
break;
case 7: //年月日时分秒毫秒
this.date = new Date(arguments[0],arguments[1]-1,arguments[2],arguments[3],arguments[4],arguments[5],arguments[6]);
break;
default: this.date = new Date("1970/1/1"); break;
}
//初始化失败处理
if(typeof(this.date) != "object" || !(/Date/.test(this.date.constructor)))
throw (new Error(-1, '构造PowerDate方法失败,检查输入参数!'));

this.getDate = function (){
return this.date;
}
this.getFullYear=function(){
return this.date.getFullYear();
};
this.getYear=function(){
return this.date.getYear();
};
this.getMonth=function(){
return this.frmWithZero(this.date.getMonth()+1);
};
this.getDay=function(){
return this.frmWithZero(this.date.getDate());
};
this.getHour=function(){
return this.frmWithZero(this.date.getHours());
};
this.getMinute=function(){
return this.frmWithZero(this.date.getMinutes());
};
this.getSecond=function(){
return this.frmWithZero(this.date.getSeconds());
};
this.getMillisecond=function(){
var ss=this.date.getMilliseconds();
if(this.isFmtZero==true && ss<10)
return "00"+ss;
else if(this.isFmtZero==true && ss<100)
return "0"+ss;
else return ss;
};
this.getWeek=function(){
return this.date.getDay();
};
this.setIsFmtZero=function(val){
this.isFmtZero=val;
};
this.frmWithZero = function(num){
if(this.isFmtZero==true && num<10)
return "0"+num;
else return num;
}
/*
 * 功能:根据输入表达式返回日期字符串
 * 参数:dateFmt:字符串,由以下结构组成   
 *      yy:长写年,YY:短写年mm:数字月,MM:英文月,dd:日,hh:时,
 *      mi:分,ss秒,ms:毫秒,we:汉字星期,WE:英文星期.
*/
this.getString=function(dateFmt){
if(typeof(dateFmt) != "string" )
throw (new Error(-1, 'getString()方法需要字符串类型参数!'));
var str=dateFmt;
str=str.replace(/yy/g,this.getFullYear());
str=str.replace(/YY/g,this.getYear());
str=str.replace(/mm/g,this.getMonth());
str=str.replace(/MM/g,this.monthArr[this.getMonth()-1]);
str=str.replace(/dd/g,this.getDay());
str=str.replace(/hh/g,this.getHour());
str=str.replace(/mi/g,this.getMinute());
str=str.replace(/ss/g,this.getSecond());
str=str.replace(/ms/g,this.getMillisecond());
str=str.replace(/we/g,this.weekArr[0][this.getWeek()]);
str=str.replace(/WE/g,this.weekArr[1][this.getWeek()]);
return str;
};

/* 功能 : 返回与某日期相距N天(N个24小时)的日期
 * 参数 : num number类型 可以为正负整数或者浮点数,默认为1;
 *        type 0(秒) or 1(天),默认为秒
 * 返回 : 新的PowerDate类型
 */
this.dateAfter=function(num,type){
num = (num == null?1:num);
if(typeof(num)!="number") throw new Error(-1,"dateAfterDays(num)参数为数值类型.");
var iType = (type==null?0:type);
var arr = [1000,86400000];
var dd = this.date.valueOf();
dd += num*arr[type];
this.date=new Date(dd);
return this;
};
//判断是否是闰年,返回true 或者 false
this.isLeapYear = function (){
var year = this.getFullYear();
return (0==year%4 && ((year % 100 != 0)||(year % 400 == 0)));
};

//返回该月天数
this.getDaysOfMonth = function (){
return (new Date(this.getFullYear(),this.getMonth(),0)).getDate();
};

//转换成大写日期(中文)
this.getChinaDate =  function(){
var year = this.getFullYear();
var month= this.getMonth();
var day = this.getDay();
var arrNum = ["零","一","二","三","四","五","六","七","八","九","十","十一","十二"];
var strTmp="";
for(var i=0,j=year.length;i<j;i++){
strTmp += arrNum[year.charAt(i)];
}
strTmp += "年";
strTmp += arrNum[month]+"月";
if(day<10)
strTmp += arrNum[day];
else if (day <20)
strTmp += "十"+arrNum[day-10];
else if (day <30 )
strTmp += "二十"+arrNum[day-20];
else
strTmp += "三十"+arrNum[day-30];
strTmp += "日";
return strTmp;
};

//日期比较函数,参数为pd类型如this日期晚于参数:1,相等:0 早于: -1
this.dateCompare = function(pd){
if(typeof(pd) != "object" || pd.toString() != "PowerDate")
 throw new Error(-1,"dateCompare(pd)的pd参数为PowerDate类型.");
var d = this.date.getTime() - pd.getDate().getTime();
return d>0?1:(d==0?0:-1);
}
/*功能:返回两日期之差
 *参数:pd   PowerDate对象
 *    type: 返回类别标识.yy:年,mm:月,ww:周,dd:日,hh:小时,mi:分,ss:秒,ms:毫秒
 *    intOrFloat :返回整型还是浮点型值 0:整型,不等于0:浮点型
 *    output : 输出提示,如:时间差为#周!
 */
this.calDateDistance = function (pd,type,intOrFloat,output){
if(typeof(pd) != "object" || pd.toString() != "PowerDate")
 throw new Error(-1,"calDateDistance(pd,type,intOrFloat)的pd参数为PowerDate类型.");
if(!((new RegExp(type+",","g")).test("yy,mm,ww,dd,hh,mi,ss,ms,")))
 throw new Error(-1,"calDateDistance(pd,type,intOrFloat,output)的type参数为非法.");
var iof = (intOrFloat==null?0:intOrFloat);
var miSecMain = this.date.valueOf();
var miSecSub  = pd.getDate().valueOf();
var num=0;
switch(type){
case "yy": num = this.getFullYear() - pd.getFullYear(); break;
case "mm": num = (this.getFullYear() - pd.getFullYear())*12+this.getMonth()-pd.getMonth(); break;
case "ww": num = this.fmtRtnVal((miSecMain-miSecSub)/7/86400000,iof); break;
case "dd": num = this.fmtRtnVal((miSecMain-miSecSub)/86400000,iof); break;
case "hh": num = this.fmtRtnVal((miSecMain-miSecSub)/3600000,iof); break;
case "mi": num = this.fmtRtnVal((miSecMain-miSecSub)/60000,iof); break;
case "ss": num = this.fmtRtnVal((miSecMain-miSecSub)/1000,iof); break;
case "ms": num = (miSecMain-miSecSub);break;
default:  break;
}
if(output)
return output.replace(/#/g,num);
else return num;
};
//返回整数或者两位小数的浮点数
this.fmtRtnVal = function (val,intOrFloat){
//alert(val);
return (intOrFloat == 0 ? Math.floor(val) : parseInt(val*100)/100);
};
//重载toString 方法,用来判断是否为PowerDate对象
this.toString=function(){ return "PowerDate"};

}

var d= new PowerDate(new Date());//实例化一个PowerDate对象
d.setIsFmtZero(true);//设置为用0补位输出
//alert(d.getString("yy-mm-dd hh:mi:ss.ms"));
//alert(d.getString("ms.ss:mi:hh dd-mm-yy"));
alert(d.calDateDistance(new  PowerDate("2005/5/31"),"dd"));//输出日期字符串

//-->
</script>

新加的两个关于周数的方法
//根据当前日期所在年和周数返回周日的日期
Date.prototype.RtnByWeekNum = function (weekNum){
if(typeof(weekNum) != "number")
throw new Error(-1,"RtnByWeekNum(weekNum)的参数是数字类型.");
var date = new Date(this.getFullYear(),0,1);
var week = date.getDay();
week = (week==0?7:week);
return date.dateAfter(weekNum*7-week,1);
}
//根据日期返回该日期所在年的周数
Date.prototype.getWeekNum = function (){
var dat = new Date(this.getFullYear(),0,1);
var week = dat.getDay();
week = (week==0?7:week);
var days = this.calDateDistance(dat,"dd")+1;
return ((days + 6 - this.getDay() - 7 + week)/7);
}

splice 方法
从一个数组中移除一个或多个元素，如果必要，在所移除元素的位置上插入新元素，返回所移除的元素。

arrayObj.splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])

参数
arrayObj

必选项。一个 Array 对象。

start

必选项。指定从数组中移除元素的开始位置，这个位置是从 0 开始计算的。

deleteCount

必选项。要移除的元素的个数。

item1, item2,. . .,itemN

必选项。要在所移除元素的位置上插入的新元素。

//校验是否全由数字组成
function isDigit(s)
{
var patrn=/^[0-9]+$/;
if (!patrn.exec(s)) return false
return true
}

//判断长度
function checkLength(objId,objLength,tip)
{
var obj=document.getElementById(objId);
if(obj == null)
{
alert("传入对象为空");
return false;
}
if (obj.value.len()>objLength)
{
obj.select();
alert(tip);
return false;
}
return true;
}

if (!checkLength('A',A的最大长度,'输入太长！'))return false;

  文章为作者原创，转载前请先与本人联系，转载请注明文章出处、保留作者信息，谢谢支持！
======================================================================*/

var alLeft = 0, alCenter = 1, alRight  = 2;   //水平对齐方式
var alTop  = 0, alMiddle = 1, alBottom = 2;   //垂直对齐方式

var f = new Array();
var cnt = 0;

function floatDiv(objId, align, vAlign, x, y, smooth)
{
    /*浮动块对象
      数据结构：
        objId： 对象ID
        align： 水平对齐方式，枚举型
        vAlign：垂直对齐方式，枚举型内容
        x, y：  xy座标，整型
        smooth：平滑移动，布尔型
    */
    this.objId  = objId;
    this.align  = align;
    this.vAlign = vAlign;
    this.x = x;
    this.y = y;
    this.smooth = smooth;
}

function addDiv(objId, align, vAlign, x, y, smooth)
{   //添加浮动块
    f[cnt++] = new floatDiv(objId, align, vAlign, x, y, smooth);
}

function floatMove()
{   //重新定位各块位置
    var objX, objY;
    if (document.all)
    {
        var d = document.body;
//status = "scrollLeft:"+f[0].objId.style.pixelTop+"| offsetWidth:"+d.offsetWidth;
        for (var i=0; i<f.length; i++)
        {
            switch (f[i].align)
            {
                case alLeft  : objX = d.scrollLeft + f[i].x; break;
                case alCenter: objX = d.scrollLeft + Math.ceil((d.offsetWidth - f[i].objId.offsetWidth)/2) + f[i].x; break;
                case alRight : objX = d.scrollLeft + d.offsetWidth - f[i].x - f[i].objId.offsetWidth - 20; break; //减滚动条20
            }
            switch (f[i].vAlign)
            {
                case alTop   : objY = d.scrollTop + f[i].y; break;
                case alMiddle: objY = d.scrollTop + Math.ceil((d.offsetHeight - f[i].objId.offsetHeight)/2) + f[i].y; break;
                case alBottom: objY = d.scrollTop + d.offsetHeight - f[i].y - f[i].objId.offsetHeight; break;
            }
            if (f[i].smooth) smoothMove(f[i].objId, objX, objY);
            else
            {
                f[i].objId.style.pixelLeft = objX;
                f[i].objId.style.pixelTop  = objY;
            }
        }
    }
   
    if (document.layers)
    {
        for (var i=0; i<f.length; i++)
        {
            var objId = f[i].objId;
            switch (f[i].align)
            {
                case alLeft  : objX = pageXOffset + f[i].x; break;
                case alCenter: objX = pageXOffset + Math.ceil((window.innerWidth-objId.width)/2) + f[i].x; break;
                case alRight : objX = pageXOffset + window.innerWidth - f[i].x - document.objId.width; break;
            }
            switch (f[i].vAlign)
            {
                case alTop   : objY = pageYOffset + f[i].y; break;
                case alMiddle: objY = pageYOffset + Math.ceil(window.innerHeight/2) + f[i].y; break;
                case alBottom: objY = pageYOffset + window.innerHeight - f[i].y - document.objId.height; break;
            }
            if (t[i].smooth) smoothMove(f[i].objId, objX, objY);
            else
            {
                document.objId.left = objX;
                document.objId.top  = objY;
            }
        }
    }
   
    setTimeout("floatMove();",50);
}

function smoothMove(obj, x, y)
{
    var percent;
    if (document.all)
    {
        percent = .1 * (x - obj.style.pixelLeft);
        if (percent > 0) percent = Math.ceil(percent); else percent = Math.floor(percent);
        obj.style.pixelLeft += percent;
       
        percent = .1 * (y - obj.style.pixelTop);
        if (percent > 0) percent = Math.ceil(percent); else percent = Math.floor(percent);
        obj.style.pixelTop += percent;
    }
    if (document.layers)
    {
        percent = .1 * (x - document.objId.left);
        if (percent > 0) percent = Math.ceil(percent); else percent = Math.floor(percent);
        document.objId.left += percent;
       
        percent = .1 * (y - document.objId.top);
        if (percent > 0) percent = Math.ceil(percent); else percent = Math.floor(percent);
        document.objId.top += percent;
    }
}

setTimeout("floatMove();",50);

调用例子：

<script language="javascript" src="lib/floatdiv.js"></script>
<script language="javascript">
if (navigator.appName == "Netscape")
{
    document.write("<layer id=ad_hr top=300 width=100 height=120><a href=http://www.fpc.org.cn/hr/040522.htm target=_blank><img src='ad/hr40522.gif' width=120 height=180 border=0></a></layer>");
}
else
{
    document.write("<div id=ad_hr style='position: absolute;width:120;top:300;left:5;visibility: visible;z-index: 1'><a href=http://www.fpc.org.cn/hr/040522.htm target=_blank><img src='ad/hr40522.gif' width=120 height=180 border=0></a></div>");
}
addDiv(ad_hr, alRight, alTop, 0, 30, true);
</script>

//-->
</SCRIPT>
<BODY>
<TABLE width="100" border=1 onselectstart="return false" style="position:absolute;left:50;top:50" onmousedown="f_mdown(this)" onmousemove="f_move(this)">
<TR>
    <TD bgcolor="#CCCCCC" align="center" style="cursor:move">title1</TD>
</TR>
<TR>
    <TD align="center" height="60">content</TD>
</TR>
</TABLE>
<TABLE width="100" border=1 onselectstart="return false" style="position:absolute;left:350;top:250" onmousedown="f_mdown(this)" onmousemove="f_move(this)">
<TR>
    <TD bgcolor="#CCCCCC" align="center" style="cursor:move">title2</TD>
</TR>
<TR>
    <TD align="center" height="60">content</TD>
</TR>
</TABLE>
</BODY>

 <script Language="javascript">
function a(x,y,color)
{document.write("<img border='0' style='position: absolute; left: "+(x+20)+"; top: "+(y+20)+";background-color: "+color+"' src='px.gif' width=1 height=1>")}
</script>

<body leftmargin=20 topmargin=20>
<TABLE border=0 bgcolor="000000" cellspacing="1" width=400>
<TR bgcolor="FFFFFF">
    <TD id="td1"> </TD>
    <TD>张三</TD>
    <TD>李四</TD>
    <TD>王五</TD>
</TR>
<TR bgcolor="FFFFFF">
    <TD>数学</TD>
    <TD>55</TD>
    <TD>66</TD>
    <TD>77</TD>
</TR>
<TR bgcolor="FFFFFF">
    <TD>英语</TD>
    <TD>99</TD>
    <TD>68</TD>
    <TD>71</TD>
</TR>
<TR bgcolor="FFFFFF">
    <TD>语文</TD>
    <TD>33</TD>
    <TD>44</TD>
    <TD>55</TD>
</TR>
</TABLE>
<script>
function line(x1,y1,x2,y2,color)
{
    var tmp
    if(x1>=x2)
    {
        tmp=x1;
        x1=x2;
        x2=tmp;
        tmp=y1;
        y1=y2;
        y2=tmp;
    }
    for(var i=x1;i<=x2;i++)
    {
        x = i;
        y = (y2 - y1) / (x2 - x1) * (x - x1) + y1;
        a(x,y,color);
    }
}
//line(1,1,100,100,"000000");
line(td1.offsetLeft,td1.offsetTop,td1.offsetLeft+td1.offsetWidth,td1.offsetTop+td1.offsetHeight,'#000000')
</script>
</BODY>
</HTML>

<script language="javascript">
    <!--
 //  获取当前文件名
 function getFileName()
 {
  var url = this.location.href
  var pos = url.lastIndexOf("/");
  if(pos == -1)
   pos = url.lastIndexOf("\\")
  var filename = url.substr(pos +1)
  return filename;
 }

 function fnLoad()
 {
  with(window.document.body)
  {
   addBehavior ("#default#userData"); // 使得body元素可以支持userdate
   load("scrollState" + getFileName()); // 获取以前保存在userdate中的状态
   scrollLeft = getAttribute("scrollLeft"); // 滚动条左位置
   scrollTop = getAttribute("scrollTop");
  }
 }

 function fnUnload()
 {
  with(window.document.body)
  {
   setAttribute("scrollLeft",scrollLeft);
   setAttribute("scrollTop",scrollTop);
   save("scrollState" + getFileName()); 
   // 防止受其他文件的userdate数据影响，所以将文件名加上了
   // userdate里的数据是不能跨目录访问的
  }
 }
 window.onload = fnLoad;
 window.onunload = fnUnload;

    // -->
</script>
</HEAD>

<BODY>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
</BODY>
</HTML>

<script language="javascript">
    <!--
 function SetCookie(sName, sValue)
 {
  date = new Date();
  s = date.getDate();
  date.setDate(s+1);   //expire time is one month late!, and can't be current date!
  document.cookie = sName + "=" + escape(sValue) + "; expires=" + date.toGMTString();
 }
 function GetCookie(sName)
 {
  // cookies are separated by semicolons
  var aCookie = document.cookie.split("; ");
  for (var i=0; i < aCookie.length; i++)
  {
  // a name/value pair (a crumb) is separated by an equal sign
  var aCrumb = aCookie[i].split("=");
  if (sName == aCrumb[0]) {
   return unescape(aCrumb[1]);}
  }
  
  // a cookie with the requested name does not exist
  return null;
 }

 function fnLoad()
 {
  document.body.scrollLeft = GetCookie("scrollLeft");
  document.body.scrollTop = GetCookie("scrollTop");
 }

 function fnUnload()
 {
  SetCookie("scrollLeft", document.body.scrollLeft)
  SetCookie("scrollTop", document.body.scrollTop)
 }

 window.onload = fnLoad;
 window.onunload = fnUnload;

    // -->
</script>
</HEAD>

<BODY>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
dd<p></p>
</BODY>
</HTML>

with(theList)
{
View = 3
BorderStyle = 0
GridLines = true
Checkboxes = checkIt
FullRowSelect = true
LabelEdit = 1

for(var i = 0; i < iEnd; i ++)
{
ColumnHeaders.Add(i + 1, 'Col' + i, theTable.rows[0].cells[i].innerText, colWidth) //, 100, myAlign)
}
for(var i = 1; i < theTable.rows.length; i ++)
{
myList.ListItems.Add( i, 'Key' + theTable.rows[i].cells[iId -1].innerText.replace(" ", ""), theTable.rows[i].cells[0].innerText.replace(" ", ""))
for(var j = 1; j < iEnd; j ++)
{
  ListItems(i).SubItems(j) = theTable.rows[i].cells[j].innerText.replace(" ", "")
}
}
Sorted = true
}
}
</script>
<script language = 'javascript' for = 'myList' event = 'ColumnClick(ColumnHeader)'>

if(ColumnHeader.SubItemIndex == myList.SortKey)
{
    if(myList.SortOrder == 0) myList.SortOrder = 1
    else myList.SortOrder = 0
    }
else
{
    myList.SortKey = ColumnHeader.SubItemIndex
    if(myList.SortOrder == 0) myList.SortOrder = 1
else myList.SortOrder == 0
    }
</script>
<script language = 'javascript' for = 'myList' event = 'ItemClick(Item)'>
var theValue = ""
 
   theValue = Item.Text + Item.Key
   for(i = 1; i <= Item.ListSubItems.Count; i ++) theValue = theValue + "\n" + Item.ListSubItems(i).Text
   myValue.value = theValue
</script>
<body onload = 'InitList(myList, myTale, 4, 5, false)' scroll = 'no' bgcolor = 'buttonface' topmargin='0' leftmargin='0'>
<table border='0' cellpadding='0' cellspacing='0' style='border-collapse: collapse' width='100%' height='100%'>
<tr>
<td nowrap>
<script language = 'javascript'>
document.write( "<object classid='clsid:BDD1F04B-858B-11D1-B16A-00C0F0283628' style = 'width:" + (document.body.clientWidth - 150) + ";height:" + document.body.clientHeight + "' id='myList'></object> ")
</script>

<table border = '1' id = 'myTale' style = 'display:none'>
<tr id = 'tablehead'>
<td id = 'mytd'>
编号
</td>
<td id = 'mytd'>
名称
</td>
<td id = 'mytd'>
价格
</td>
<td id = 'mytd'>
备注
</td>
<td id = 'mytd'>
编号
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
101
</td>
<td id = 'mytd'>
53度特酿
</td>
<td id = 'mytd'>
186
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
16
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
102
</td>
<td id = 'mytd'>
52趵突泉特酿
</td>
<td id = 'mytd'>
128
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
17
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
103
</td>
<td id = 'mytd'>
39度精品趵突泉特酿
</td>
<td id = 'mytd'>
60
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
18
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
104
</td>
<td id = 'mytd'>
34度趵突泉特酿
</td>
<td id = 'mytd'>
45.8
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
19
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
105
</td>
<td id = 'mytd'>
36度趵突泉特酿
</td>
<td id = 'mytd'>
25.8
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
20
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
106
</td>
<td id = 'mytd'>
38度趵突泉特酿
</td>
<td id = 'mytd'>
15.8
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
21
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
107
</td>
<td id = 'mytd'>
39度趵突泉特酿
</td>
<td id = 'mytd'>
10.58
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
22
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
108
</td>
<td id = 'mytd'>
39度五年趵突泉陈酿
</td>
<td id = 'mytd'>
19.8
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
23
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
109
</td>
<td id = 'mytd'>
39度八年趵突泉陈酿
</td>
<td id = 'mytd'>
29.8
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
24
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
110
</td>
<td id = 'mytd'>
58度珍品趵突泉特酿
</td>
<td id = 'mytd'>
288
</td>
<td id = 'mytd'>
1*4
</td>
<td id = 'mytd'>
25
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
111
</td>
<td id = 'mytd'>
52度250ml趵突泉特酿
</td>
<td id = 'mytd'>
64
</td>
<td id = 'mytd'>
1*8
</td>
<td id = 'mytd'>
26
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
123
</td>
<td id = 'mytd'>
38度趵突泉特酿（金）
</td>
<td id = 'mytd'>
78
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
27
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
124
</td>
<td id = 'mytd'>
38度趵突泉特酿（银）
</td>
<td id = 'mytd'>
58
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
28
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
114
</td>
<td id = 'mytd'>
32度趵突泉特酿
</td>
<td id = 'mytd'>
48
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
29
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
120
</td>
<td id = 'mytd'>
39度锦绣川特酿（瓷）
</td>
<td id = 'mytd'>
19.8
</td>
<td id = 'mytd'>
1*12
</td>
<td id = 'mytd'>
30
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
121
</td>
<td id = 'mytd'>
36度趵突泉特酿（瓷瓶）
</td>
<td id = 'mytd'>
48
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
31
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
122
</td>
<td id = 'mytd'>
34度趵突泉特酿（瓷瓶）
</td>
<td id = 'mytd'>
88
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
32
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
207
</td>
<td id = 'mytd'>
48度趵突泉特曲
</td>
<td id = 'mytd'>
5
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
33
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
210
</td>
<td id = 'mytd'>
44度趵突泉特曲
</td>
<td id = 'mytd'>
3.8
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
34
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
211
</td>
<td id = 'mytd'>
44度新趵突泉特曲
</td>
<td id = 'mytd'>
4.2
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
35
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
214
</td>
<td id = 'mytd'>
44度趵突泉白酒
</td>
<td id = 'mytd'>
1.5
</td>
<td id = 'mytd'>
1*10
</td>
<td id = 'mytd'>
36
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
216
</td>
<td id = 'mytd'>
44度趵突泉二曲
</td>
<td id = 'mytd'>
1.4
</td>
<td id = 'mytd'>
1*10
</td>
<td id = 'mytd'>
37
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
218
</td>
<td id = 'mytd'>
39度万竹园特酿
</td>
<td id = 'mytd'>
5
</td>
<td id = 'mytd'>
1*20
</td>
<td id = 'mytd'>
38
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
218
</td>
<td id = 'mytd'>
39度万竹园特酿
</td>
<td id = 'mytd'>
5
</td>
<td id = 'mytd'>
1*12
</td>
<td id = 'mytd'>
40
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
219
</td>
<td id = 'mytd'>
46度趵突泉桶装酒
</td>
<td id = 'mytd'>
15.8
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
41
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
220
</td>
<td id = 'mytd'>
54度锦绣川桶装酒
</td>
<td id = 'mytd'>
16
</td>
<td id = 'mytd'>
1*4
</td>
<td id = 'mytd'>
42
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
232
</td>
<td id = 'mytd'>
50趵突泉大曲
</td>
<td id = 'mytd'>
2.5
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
43
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
235
</td>
<td id = 'mytd'>
50趵突泉老窖
</td>
<td id = 'mytd'>
4
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
44
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
236
</td>
<td id = 'mytd'>
42度趵突泉陈酿
</td>
<td id = 'mytd'>
4.5
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
45
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
245
</td>
<td id = 'mytd'>
42度趵突泉酒
</td>
<td id = 'mytd'>
4
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
46
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
333
</td>
<td id = 'mytd'>
42度趵突泉佳酿
</td>
<td id = 'mytd'>
5.8
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
47
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
336
</td>
<td id = 'mytd'>
38度趵突泉特酿
</td>
<td id = 'mytd'>
8.1
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
48
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
339
</td>
<td id = 'mytd'>
38度趵突泉特酿
</td>
<td id = 'mytd'>
8.3
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
49
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
125
</td>
<td id = 'mytd'>
38度礼品特酿（2瓶装）
</td>
<td id = 'mytd'>
158
</td>
<td id = 'mytd'>
1*2*4
</td>
<td id = 'mytd'>
50
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
238
</td>
<td id = 'mytd'>
40度趵突泉酒
</td>
<td id = 'mytd'>
3.6
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
51
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
262
</td>
<td id = 'mytd'>
46度趵突泉特酿
</td>
<td id = 'mytd'>
9
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
52
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
263
</td>
<td id = 'mytd'>
46度趵突泉特酿
</td>
<td id = 'mytd'>
9
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
53
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
242
</td>
<td id = 'mytd'>
44度趵突泉老窖
</td>
<td id = 'mytd'>
1.8
</td>
<td id = 'mytd'>
1*10
</td>
<td id = 'mytd'>
54
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
117
</td>
<td id = 'mytd'>
38度礼品特酿
</td>
<td id = 'mytd'>
88
</td>
<td id = 'mytd'>
1*4
</td>
<td id = 'mytd'>
55
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
244
</td>
<td id = 'mytd'>
42度趵突泉酒
</td>
<td id = 'mytd'>
4
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
56
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
247
</td>
<td id = 'mytd'>
40度趵突泉酒
</td>
<td id = 'mytd'>
6
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
57
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
126
</td>
<td id = 'mytd'>
54度礼品特酿（2瓶装）
</td>
<td id = 'mytd'>
488
</td>
<td id = 'mytd'>
1*2*4
</td>
<td id = 'mytd'>
58
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
249
</td>
<td id = 'mytd'>
44度趵突泉特曲
</td>
<td id = 'mytd'>
4.53
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
59
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
264
</td>
<td id = 'mytd'>
54度锦绣川佳酿
</td>
<td id = 'mytd'>
3.8
</td>
<td id = 'mytd'>
1*8
</td>
<td id = 'mytd'>
60
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
265
</td>
<td id = 'mytd'>
44度锦绣川白酒
</td>
<td id = 'mytd'>
8
</td>
<td id = 'mytd'>
1*4
</td>
<td id = 'mytd'>
61
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
252
</td>
<td id = 'mytd'>
44度卧虎山白酒
</td>
<td id = 'mytd'>
2.6
</td>
<td id = 'mytd'>
1*12
</td>
<td id = 'mytd'>
62
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
253
</td>
<td id = 'mytd'>
38度趵突泉特酿（实惠型）
</td>
<td id = 'mytd'>
3.6
</td>
<td id = 'mytd'>
1*8
</td>
<td id = 'mytd'>
63
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
253
</td>
<td id = 'mytd'>
38度趵突泉特酿（实惠型）
</td>
<td id = 'mytd'>
3.6
</td>
<td id = 'mytd'>
1*12
</td>
<td id = 'mytd'>
64
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
254
</td>
<td id = 'mytd'>
38度125ml趵突泉特酿
</td>
<td id = 'mytd'>
2
</td>
<td id = 'mytd'>
1*24
</td>
<td id = 'mytd'>
65
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
255
</td>
<td id = 'mytd'>
38度趵突泉酒
</td>
<td id = 'mytd'>
6.8
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
66
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
256
</td>
<td id = 'mytd'>
35度趵突泉特曲
</td>
<td id = 'mytd'>
5.6
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
67
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
258
</td>
<td id = 'mytd'>
46度趵突泉酒
</td>
<td id = 'mytd'>
4.8
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
68
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
259
</td>
<td id = 'mytd'>
44度趵突泉特曲
</td>
<td id = 'mytd'>
3.8
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
69
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
260
</td>
<td id = 'mytd'>
42度趵突泉特曲（简装）
</td>
<td id = 'mytd'>
3.18
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
70
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
261
</td>
<td id = 'mytd'>
50度趵突泉特曲（捆扎）
</td>
<td id = 'mytd'>
2
</td>
<td id = 'mytd'>
1*10
</td>
<td id = 'mytd'>
71
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
315
</td>
<td id = 'mytd'>
38度趵突泉特酿（招财进宝）
</td>
<td id = 'mytd'>
6.5
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
72
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
318
</td>
<td id = 'mytd'>
42度趵突泉醇香
</td>
<td id = 'mytd'>
3.8
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
73
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
321
</td>
<td id = 'mytd'>
42度趵突泉特曲
</td>
<td id = 'mytd'>
3.8
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
74
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
323
</td>
<td id = 'mytd'>
38度趵突泉特酿
</td>
<td id = 'mytd'>
8
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
75
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
326
</td>
<td id = 'mytd'>
39度趵突泉特酿（一级）
</td>
<td id = 'mytd'>
3.5
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
76
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
329
</td>
<td id = 'mytd'>
44度趵突泉特酿
</td>
<td id = 'mytd'>
5.4
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
77
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
331
</td>
<td id = 'mytd'>
44度趵突泉特酿
</td>
<td id = 'mytd'>
5.8
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
78
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
332
</td>
<td id = 'mytd'>
44度趵突泉酒
</td>
<td id = 'mytd'>
5.5
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
79
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
339
</td>
<td id = 'mytd'>
38度趵突泉特酿
</td>
<td id = 'mytd'>
8.3
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
80
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
259
</td>
<td id = 'mytd'>
44度趵突泉特曲
</td>
<td id = 'mytd'>
3.8
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
83
</td>
</tr>
</table>
</td>
<td nowrap width='150' align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber1">
<tr>
<td>　</td>
</tr>
<tr>
<td>&nbsp;内容：</td>
</tr>
<tr>
<td>
&nbsp;
<textarea rows="10" name="myValue" cols = '16'></textarea>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
<script language = "javascript">
//function chageSize()
//{
//myList.width = document.body.clientWidth - 150
//myList.height = document.body.clientHeight
//alert(document.body.clientWidth - 150)
//setTimeout("chageSize()", 10)
//}
//chageSize()
</script>

<BODY>
<TABLE id="tb">
<TR>
 <TD><input type="radio" onclick="showEdit(this)" name="rad"></TD>
 <TD></TD>
 <TD></TD>
</TR>
<TR>
 <TD><input type="radio" onclick="showEdit(this)" name="rad"></TD>
 <TD></TD>
 <TD></TD>
</TR>
<TR>
 <TD><input type="radio" onclick="showEdit(this)" name="rad"></TD>
 <TD></TD>
 <TD></TD>
</TR>
</TABLE>
</BODY>
</HTML>

第二种方法

<table border=1 width=100%>
  <tr>
    <td><input name=m type=checkbox onclick="mm(this)"></td>
    <td>1111</td>
    <td><input name=aaa value="222" disabled></td>
    <td><input name=bbb value="333" disabled></td>
  </tr>
  <tr>
    <td><input name=m type=checkbox onclick="mm(this)"></td>
    <td>1111</td>
    <td><input name=aaa value="222" disabled></td>
    <td><input name=bbb value="333" disabled></td>
  </tr>
  <tr>
    <td><input name=m type=checkbox onclick="mm(this)"></td>
    <td>1111</td>
    <td><input name=aaa value="222" disabled></td>
    <td><input name=bbb value="333" disabled></td>
  </tr>
</table>

<SCRIPT LANGUAGE="JavaScript">

function mm(e)
{
  var currentTr=e.parentElement.parentElement;
  var inputObjs=currentTr.getElementsByTagName("input");
  for(var i=0;i<inputObjs.length;i++)
  {
   if(inputObjs[i]==e) continue;
    inputObjs[i].disabled=!e.checked;
  }

}
</SCRIPT>

参考：http://neozhu.cnblogs.com/archive/2005/07/28/201838.aspx
      http://www.phpx.com/happy/showthread.php?threadid=101722&goto=nextnewest

//==========================================================================
//
//  代码描述：将某个datagrid中模板的中checkbox置为相反状态
//
//  传入参数：Form --- 当前页面ID            例:  xt_function_m
//            CheckBox  --- 被选择的字符    例:  'CheckBoxSelect'
// 
//  返回参数：无
//
//
//==========================================================================
function SelectTitleAll(Form, CheckBox)           
{
    var i
    var intLength = Form.elements.length           
                           
    for (i = 0; i < intLength; i ++)
    {
        var strType = Form.elements[i].type
        var strName = Form.elements[i].name

        if (strType == 'checkbox' && strName.lastIndexOf(CheckBox) == strName.length - CheckBox.length)
        {
            Form.elements[i].checked = !Form.elements[i].checked;
        }       
       
    }               
}

//==========================================================================
//
//  代码描述：将表单中所有的checkbox都设置为打勾状态
//
//  传入参数：Form --- 当前页面ID            例:  xt_function_m
//            CheckBox  --- 被选择的字符    例:  'CheckBoxSelect'
// 
//  返回参数：无
//
//
//==========================================================================
function SelectAll(Form, CheckBox)           
{
    var i
    var intLength = Form.elements.length           
                           
    for (i = 0; i < intLength; i ++)
    {
        var strType = Form.elements[i].type
               
        if (strType == 'checkbox')
        {
            Form.elements[i].checked = true;
        }                   
    }               
}

//==========================================================================
//
//  代码描述：去除字符串左边空格
//
//  传入参数：str --- 去除之前的字符串            例:  ‘ OK’
//
// 
//  返回参数：去出以后的字符串
//
//
//==========================================================================
function jsLTrim(str)
{
    var rtnStr;
    rtnStr=""
    for (var i = 0; i < str.length; i ++)
    {
        if (str.charAt(i) != " ")
        {
            rtnStr = str.substr(i);
            break;
        }
    }
    return rtnStr;
}

//==========================================================================
//
//  代码描述：去除字符串右边空格
//
//  传入参数：str --- 去除之前的字符串            例:  ‘ OK’
//
// 
//  返回参数：去出以后的字符串
//
//
//==========================================================================
function jsRTrim(str)
{
    var rtnStr;
    rtnStr = ""
    for (var i = str.length-1; i >= 0; i --)
    {
        if (str.charAt(i) != " ")
        {
            rtnStr = str.substring(0,i+1);
            break;
        }
    }
    return rtnStr;
}

//==========================================================================
//
//  代码描述：去除字符串两边空格
//
//  传入参数：str --- 去除之前的字符串            例:  ‘ OK ’
//
// 
//  返回参数：去出以后的字符串
//
//
//==========================================================================
function Trim(str)
{
    return(jsLTrim(jsRTrim(str)));
}

//==========================================================================
//
//  代码描述：将回车按键 转为 Tab按键
//
//  传入参数：
//
// 
//  返回参数：
//
//
//==========================================================================
function Key_EnterToTab()
{           
    if(event.keyCode == 13)
    {               
        event.keyCode = 9;
    }               
}
//==========================================================================
//
//  代码描述：判断日期的大小
//
//  传入参数:        Date1      ---日期1                例:'2004-1-1'
//  传入参数:        Date2        ---日期2                例:'2004-2-1'
//  传入参数:        Compare    ---比较符号            例如 '>','<','='    
// 
//  返回参数：    bool--是否成立
//
//==========================================================================
function Est_Date(Date1,Date2,Compare)
{
    switch(Compare)
    {
        case '>':
            if (Date1>Date2)
            {
                return true;
            }
            else
                return false;
            break;
        case '<=':
            if (Date1<=Date2)
            {
                return true;
            }
            else
                return false;
            break;
        case '=':
            if (Date1==Date2)
            {
                return true;
            }
            else
                return false;
            break;
    }
}

//==========================================================================
//
//  代码描述：判断日期的大小
//
//  传入参数:        url                        例:www.witehouse.com?bs=over
//  传入参数:        参数名称                例:bs
//  返回参数：        参数值
//

//
//==========================================================================
function QueryString(url,sName)
{
    var sSource = url;
    var sReturn = "";
    var sQUS = "?";
    var sAMP = "&";
    var sEQ = "=";
    var iPos;

    iPos = sSource.indexOf(sQUS);

    var strQuery = sSource.substr(iPos, sSource.length - iPos);
    var strLCQuery = strQuery.toLowerCase();
    var strLCName = sName.toLowerCase();

    iPos = strLCQuery.indexOf(sQUS + strLCName + sEQ);
    if (iPos == -1)
    {
        iPos = strLCQuery.indexOf(sAMP + strLCName + sEQ);
        if (iPos == -1)
        return "";
    }

    sReturn = strQuery.substr(iPos + sName.length + 2,strQuery.length-(iPos + sName.length + 2));
    var iPosAMP = sReturn.indexOf(sAMP);

    if (iPosAMP == -1)
        return sReturn;
    else
    {
        sReturn = sReturn.substr(0, iPosAMP);
    }

    return sReturn;
}

//==========================================================================
//
//  代码描述：判断多行文本框的是否超出字符
//
//  传入参数:        txt                         例:form.alltxt 多行文本框对象
//  传入参数:        maxlen                        例:30 允许最大的多行文本的长度
//  返回参数：        无
//
//
//==========================================================================
function JudTxtValue(txt,maxlen)
{
    if (txt.value.length>maxlen)
    {
        alert('文本框输入超出'+maxlen+'个长度');
        txt.value=txt.value.substr(0,maxlen);       
    }
}5，在客户端javascript里操作服务端控件：
this.Button1.Attributes.Add("onclick","return upchang();");
 
function upchang()
{
 var i=document.Form1.all['ListBox1'].selectedIndex;
 if(i>0)
 {
  var val=document.Form1.all['ListBox1'].item(i-1).value;
  var txt=document.Form1.all['ListBox1'].item(i-1).text;
 
  document.Form1.all['ListBox1'].item(i-1).value=document.Form1.all['ListBox1'].item(i).value;
  document.Form1.all['ListBox1'].item(i-1).text=document.Form1.all['ListBox1'].item(i).text;
 
  document.Form1.all['ListBox1'].item(i).value=val;
  document.Form1.all['ListBox1'].item(i).text=txt;
 
  document.Form1.all['ListBox1'].selectedIndex=i-1;
 }
}

 var pattern = /^(19|20)([0-9]){2}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])$/;
 flag=pattern.test(currentDate);
 if(flag)
 {
  iYear=currentDate.substring(0,4);
  iMonth=currentDate.substring(5,7);
  iDay=currentDate.substring(8,10);
  arguments = new Array(startYear,endYear,iYear,iMonth,iDay)
 }
 showx = event.screenX - event.offsetX + 18;
 showy = event.screenY - event.offsetY - 210;

 var features =
  'dialogWidth:'  + 192 + 'px;' +
  'dialogHeight:' + 210 + 'px;' +
  'dialogLeft:'   + showx     + 'px;' +
  'dialogTop:'    + showy     + 'px;' +
  'directories:no; localtion:no; menubar:no; status=no; toolbar=no;scrollbars:yes;Resizeable=no';
 retval = window.showModalDialog("../js/calendar.htm", arguments , features );
 var calctrl = eval(inputid)
 if( retval != null ){
  calctrl.value = retval;
 }else{
  //alert("canceled");
 }
}

/**//*------------------------------------------------------------
 Trim()去左右空格
  ------------------------------------------------------------*/

String.prototype.Trim = function()
{
    return this.replace(/(^\s*)|(\s*$)/g, "");
}
String.prototype.LTrim = function()
{
    return this.replace(/(^\s*)/g, "");
}
String.prototype.Rtrim = function()
{
    return this.replace(/(\s*$)/g, "");
}
/**//*------------------------------------------------------------
 判断密码是否有单引号
  ------------------------------------------------------------*/
function isNotYinhao(s)
{  
    var yin;
 var temp="'";
 for(yin=0; yin < s.length; yin++ )
 {
  var ch = s.charAt(yin);
  if(temp.indexOf(ch)>=0)
  {
   return true;
  }
 }
 return false;
}

/**//*------------------------------------------------------------
 定义变量
  ------------------------------------------------------------*/
var i,j;

/**//*------------------------------------------------------------
 和当前日期比较，如果当前日期大于输入日期则提示
 end----输入日期
 s----提示信息
 使用例子onClick="compareDate(end,'选择日期不能在今天之前!')"
  ------------------------------------------------------------*/
function compareDate(end,s){
var a=new Date();
var b=end.value;
if(((Number(a.getYear())-Number(b.substring(0,4)))*356+
       (Number(a.getMonth())-Number(b.substring(5,7))+1)*31+
    (Number(a.getDate())-Number(b.substring(8,10))))>0)
 {
  alert(s);
  end.focus();
 }
}

/**//*------------------------------------------------------------
 两个时间进行比较，当开始日期大于结束日期则提示
 startDate----开始日期
 endDate------结束日期
 使用例子onClick="compareTwoDate(startDate,endDate,'开始日期不能大于结束日期!')"
  ------------------------------------------------------------*/
function compareTwoDate(startDate,endDate,s)
{
var a=startDate.value;
var b=endDate.value;
if(((Number(a.substring(0,4))-Number(b.substring(0,4)))*356+
       (Number(a.substring(5,7))-Number(b.substring(5,7)))*31+
    (Number(a.substring(8,10))-Number(b.substring(8,10))))>0)
 {
  alert(s);
  startDate.focus();
 }
}

/**//*------------------------------------------------------------
 判断是否为数字类型，如不是数字类型则提示
 text-------输入文本
 name-------提示的名字
 使用例子onBlur="compareTwoDate(this,'电话号码')"
  ------------------------------------------------------------*/
function isNumber(text,name)
{
  var temp="0123456789";
   for(j=0; j<text.value.length; j++ )
   {   
     var ch = text.value.Trim().charAt(j);
  if(temp.indexOf(ch)==-1)
  {
   alert(name+"应为数字类型!");
   text.focus();
   return true;
  } 
   }
}

/**//*------------------------------------------------------------
 判断两次密码输入是否一致
 text-------新密码
 name-------再次输入新密码
 使用例子checkPassword(form1.newpass,form1.newpass1)
  ------------------------------------------------------------*/
function checkPassword(text,text1)
{
  var newpass=text.value.Trim();
  var newpass1=text1.value.Trim();
  if(newpass!=newpass1){
    alert("两次输入新密码不一致!");
    text.focus();
    return true;
  }
}

/**//*------------------------------------------------------------
 判断是否包含非法字符，如含非法字符则提示
 text-------输入文本
 addtemp----除英文和数字外还可包含的字符
 name-------提示的名字
 include----提示中不允许包含的字符
 使用例子onBlur="compareTwoDate(this,'@_','邮件','%*$')"
  ------------------------------------------------------------*/
function isChar(text,addtemp,name,include)
{
  var temp="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"+addtemp;
   for(j=0; j<text.value.length; j++ )
   {   
     var ch = text.value.Trim().charAt(j);
  if(temp.indexOf(ch)==-1)
  {
   alert(name+"中不允许包含'"+include+"'等字符!");
   text.focus();
   break;
  } 
   }
}

/**//*------------------------------------------------------------
 判断输入的是否为电子邮件，如含非法字符则提示
 text-------输入的电子邮件
 使用例子onBlur="isEmail(this)"
  ------------------------------------------------------------*/
function isEmail(text)
{  
 var email=text.value.Trim();
 var m=email.indexOf("@");
 var n=email.indexOf(".");
 if(email!="")
 {
  if(m<1||m>email.length-3)
  {
   alert("请输入正确的电子邮件格式!");
   text.focus();
   return true;
  }
  else if(n<m+2||n>email.length-2)
  {
   alert("请输入正确的电子邮件格式!");
   text.focus();
   return true;
  }
 }
}
/**//*------------------------------------------------------------
 判断输入文本是否为身份证号码，如为不正确则提示
 text-------输入的身份证号码
 使用例子onBlur="isPid(this)"
  ------------------------------------------------------------*/
function isPid(text)
{
 var pid=text.value.Trim();
 var temp="0123456789";
 var temp1="0123456789xX";
 if(pid!=""){
 if(pid.length==15)
 {
     for(j=0; j<15; j++ )
     {   
   var ch = pid.charAt(j);
   if(temp.indexOf(ch)==-1)
   {
    alert("请输入正确的身份证号码!");
    text.focus();
    break;
   }
  }      
 }
 else if(pid.length==18)
 {

     for(j=0; j<pid.length-1; j++ )
     {   
   var ch = pid.charAt(j);
   if(temp.indexOf(ch)==-1)
   {
    alert("请输入正确的身份证号码!");
    text.focus();
    break;
   }
  }      
  var ch1 = pid.charAt(pid.length-1);
  if(temp1.indexOf(ch1)==-1)
   {
    alert("请输入正确的身份证号码!");
    text.focus();
   }   
 }
 else{
  alert("身份证号码的应为15位或18位!");
  text.focus();
 }}
}

/**//*------------------------------------------------------------
 判断输入文本是否为空，如为空则提示
 text-------输入文本
 使用例子onBlur="isNull(this,'姓名')"
  ------------------------------------------------------------*/
function isNull(text,name)
{
 if(text.value.Trim()==null||text.value.Trim()=="")
 {
  alert(name+"不能为空!");
  text.focus();
  return true;
 }
}

/**//*------------------------------------------------------------
 获取文本框长度，中文作为两个字符处理
 text-------输入文本
 使用例子getLength(form1.name)
  ------------------------------------------------------------*/
function getLength(text)
{
 var temp="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
 temp=temp+"?\">`~!@#$%^&*()_+|-=\[]{};':,./<>?\"";
 temp=temp+"·～！◎＃￥％……※×（）——＋§－＝÷【】『』；‘：“，。、《》?";
 var len = text.value.Trim().length;
 for(j=0;j<text.value.Trim().length;j++)
 {
  var ch= text.value.Trim().charAt(j);
  if(temp.indexOf(ch)==-1){
  len++;
  }
 }
 return len;
}

/*------------------------------------------------------------
 lengthEquals(text,name,num)    相等长度
 lengthless(text,name,num)      长度不少于
 lengthmore(text,name,num)      长度不大于
 获取文本框长度，中文作为两个字符处理
 text-------输入文本
 使用例子getLength(form1.name,'姓名',8)
  ------------------------------------------------------------*/
function lengthEquals(text,name,num)
{
 if(getLength(text)!=num)
 {
  alert("请输入"+num+"位"+name+"!")
  text.focus();
  return true;
 }
}

function lengthless(text,name,num)
{
 if(getLength(text)<num)
 {
  alert(name+"不能少于"+num+"位!")
  text.focus();
  return true;
 }
}
function lengthmore(text,name,num)
{
 if(getLength(text)>num)
 {
  alert(name+"不能大于"+num+"位!")
  text.focus();
  return true;
 }
}

/*------------------------------------------------------------
 判断bodyText输入文本是否为空，如为空则提示
 bodyText-------输入文本
 使用例子onBlur="isNullBody('姓名')"
  ------------------------------------------------------------*/
function isNullBody(name)
{
  var bodyText = frames["Dvbbs_Composition"].document.body.innerText;
  if(bodyText.length==0) {
      frames["Dvbbs_Composition"].focus();
      alert(name+"不能为空!");
      return true;
  }
}

/*------------------------------------------------------------
 获取文本框长度，中文作为两个字符处理
 bodyText-------输入文本
 使用例子isLengthBody(form1.name)
  ------------------------------------------------------------*/
function isLengthBody(text,name)
{
    if (text.value.length > 600) {
        frames["Dvbbs_Composition"].focus();
        alert(name+"不能超过600!");
 return true;
    }
}

/*------------------------------------------------------------
 检查是否含有”'“号
        有，则返回true
        无, 则返回false
  ------------------------------------------------------------*/
function isTheChar(text,name)
{
    var re= /'/g;
    var arr = text.match(re);
    if (arr == null)
        return false;
    else
        return true;
}

以上代码如果在当前窗口调用，会添加一个text="A1", value="a1"，等同于代码<option value="a1">A1</option>

注：本文中所提到的opener是指打开另一个窗口的窗口，另一个窗口在本文中叫做被打开窗口。

既然这种方法可行，我们能否在被打开的窗体中控制opener窗体，并在opener窗体中创建一个option选项呢？理论上的代码如下：
window.opener.document.all.list1.options[0]=new Option("AA","aa");假设opener窗体中有一个name=list1的列表

但实际情况是，如果执行上面的代码，将不会产生任何效果。如果我们分析一下原因会发现，new Option()产生的对象在被打开的窗体中，而非opener窗体中，javascript中规定：只允许窗体访问自己的变量对象。因此正确的方法应该是：
    var newOpt=window.opener.document.createElement("option");
    newOpt.text="AA";
    newOpt.value="aa";
    window.opener.document.all.list1.options.add(newOpt);这样就可以在opener窗体中创建一个option选项。

for(i=0;i<document.all(obj).length;i++)
{
if(!document.all(obj)[i].checked)alert("第"+(i+1)+"个没有选择")
}
}
</script>
<input type=button onclick="check('checkbox1')" value="检测">

//一个也没有选

<input type="checkbox" name="test">
<input type="checkbox" name="test">
<input type="checkbox" name="test">
<input type="checkbox" name="test">
<input type="checkbox" name="test">
<Script Language="JavaScript">
function check(obj){
for(i=0;i<document.all(obj).length;i++){
if(document.all(obj)(i).checked){
return;
}
}
window.alert('一个也没有选！');
}
</Script>
<input type=button onclick="check('test');" value="检测">
<script language="javascript">
function checkme()
{ var checkmemberid;//定义团员
var checkcontentid;//定义文章
   checkmemberid=false;
   checkcontentid=false;
//判断团员是否选中
 if (document.all.memberid.checked==true)//只有一个单选钮的情况
  {
    checkmemberid=true;
   
  }
for(i=0;i<document.all.memberid.length;i++)//有一组单选钮的情况
{
if(document.all.memberid(i).checked)
{
checkmemberid=true;
}
}
//判断文章是否选中
if (document.all.contentid.checked==true)//只有一个单选钮的情况
   {
    checkcontentid=true;
   }
for(i=0;i<document.all.contentid.length;i++)//有一组单选钮的情况
{
if(document.all.contentid(i).checked)
{
checkcontentid=true;
}
}
//将结果返回
if (checkmemberid==false)
   { window.alert("请选择团员!");
    return false;
   }
else if(checkcontentid==false)
{
    window.alert("请选择文章!");
    return false;
}
return true;

}

</script>

 function abc_onClick()
 {
  temp = temp + 1;
   tempValueChanage();
 }

 function tempValueChanage()
 {
  doNumber = doNumber + 1;
  SetTimeOut = setTimeout(tempValueChanage,300);
   if( doNumber >= 2 && temp == 1)
  {
   temp = 0;
   doNumber = 0;
   clearTimeout(SetTimeOut);
    alert("单击事件!");
  }
  if( temp == 0 )
  {
   clearTimeout(SetTimeOut);
   doNumber = 0;
  }
   
 }
 
 function abc_onDblClick()
 {
  temp = 0;
  doNumber = 0;
  alert("双击事件!");
 }

</script>
<input id="spanData" type="button" value="onClick or onDblClick" onDblClick="abc_onDblClick()" onClick="abc_onClick()">

function OpenFullSizeWindow(theURL,winName,features) {
var aNewWin, sBaseCmd;
// 弹出窗口外观参数
sBaseCmd = "toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,";
// 调用是否来自 checkImg
if (features == null || features == ""){
// 创建图像对象
imgObj = new Image();
// 设置图像源
imgObj.src = theURL;
// 开始获取图像大小
checkImg(theURL, winName)
}
else{
// 打开窗口
aNewWin = window.open(theURL,winName, sBaseCmd + features);
// 聚焦窗口
aNewWin.focus();
}
}
//-->
</script>使用时将上面的代码放在网页文档的<head></head>标记对中，然后在链接的点击事件中调用OpenFullSizeWindow函数，如<a href="fullsize.jpg" onClick="OpenFullSizeWindow(this.href,'','');return false"><img src="small.jpg"></a>即可。

类型定义:

一、整型(int)
定义:
valueType="int"
属性:
objName 对象名称(字符串)
mustInput 必输项(true/false)
minInput 最小值(数字)
maxInput 最大值(数字)
举例:
<input type="text" name="test" valueType="int" objName="总载重吨" mustInput="true" maxInput="10000">

二、浮点型(float)
定义:
valueType="float"
属性:
objName 对象名称(字符串)
mustInput 必输项(true/false)
minInput 最小值(数字)
maxInput 最大值(数字)
decimalLen小数位数(数字)
举例:
<input type="text" name="test" valueType="float" objName="运价" mustInput="true" maxInput="10000.50" decimalLen="2">

三、字符串(string)
定义:
valueType="string"
属性:
objName 对象名称(字符串)
mustInput 必输项(true/false)
stringLen 字符串长度(数字)
举例:
<input type="text" name="test" valueType="string" objName="英文船名" mustInput="true" stringLen="100">

四、日期(date)
定义:
valueType="date"
属性:
objName 对象名称(字符串)
mustInput 必输项(true/false)
举例:
<input type="text" name="test" valueType="date" objName="开始日期" mustInput="true">
备注:
日期现在只能校验的格式为(yyyy-mm-dd)

五、邮箱(email)
定义:
valueType="email"
属性:
objName 对象名称(字符串)
mustInput 必输项(true/false)
举例:
<input type="text" name="test" valueType="email" objName="邮箱" mustInput="true">

六、单选(radio)
定义:
valueType="radio"
属性:
objName 对象名称(字符串)
mustSelect 必输项(true/false)
举例:
<input type="radio" name="test" valueType="radio" objName="租船方式" mustSelect="true">
备注:
对于同一组单选按钮，只需要定义第一个即可。

七、复选(checkbox)
定义:
valueType="checkbox"
属性:
objName 对象名称(字符串)
minSelect 最小选择数(数字)
maxSelect 最大选择数(数字)
举例:
<input type="checkbox" name="test" valueType="checkbox" objName="爱好" minSelect="2" maxSelect="5">
备注:
对于同一组复选按钮，只需要定义第一个即可。

八、下拉列表框(select)
定义:
valueType="select"
属性:
objName 对象名称(字符串)
mustSelect 必输项(true/false)
举例:
<select name="test" valueType="select" objName="租船方式" mustSelect="true">

九、列表框(list)
定义:
valueType="list"
属性:
objName 对象名称(字符串)
minSelect 最小选择数(数字)
maxSelect 最大选择数(数字)
举例:
<select name="test" valueType="list" objName="爱好" minSelect="2" maxSelect="5">

/////////////////////////////////////////////////////////////////////////////////////////////////////////

<!-- ---------------------------------------------------------------------
//
// File: form.htc
// version: 1.0
// Description:客户端表单验证.
// author: 伍子
//
//-------------------------------------------------------------------- -->
<PUBLIC:COMPONENT id="formCheck" urn="wwb:formCheck">
<PUBLIC:ATTACH EVENT="onsubmit" ONEVENT="checkForm()"/>
<script language="JavaScript">
function checkForm()
{
var oForm=event.srcElement;
var eles = oForm.elements;
//遍历所有表元素
for(var i=0;i<eles.length;i++)
{
//是否需要验证
var sType=eles[i].valueType;
if(sType)
{
if(eles[i].mustInput!=null && eles[i].mustInput)
{
if(trim(eles[i].value)=="")
{
if(eles[i].objName!=null)
{
alert(eles[i].objName+"不可以为空");
}
else
{
alert("该文本框为必输字段");
}
eles[i].focus();
event.returnValue=false;
return false;
}
}
switch(sType)
{
//整数
case "int":
if(!checkInt(eles[i]))
{
event.returnValue=false;
return false;
}
break;
//小数
case "float":
if(!checkFloat(eles[i]))
{
event.returnValue=false;
return false;
}
break;
//字符串
case "string":
if(!checkString(eles[i]))
{
event.returnValue=false;
return false;
}
break;
//日期
case "date":
if(!checkDate(eles[i]))
{
event.returnValue=false;
return false;
}
break;
//邮件
case "email":
if(!checkEmail(eles[i]))
{
event.returnValue=false;
return false;
}
break;
//单选按钮
case "radio":
if(!checkRadio(eles[i]))
{
event.returnValue=false;
return false;
}
break;
//复选按钮
case "checkbox":
if(!checkBox(eles[i]))
{
event.returnValue=false;
return false;
}
break;
//下拉列表框
case "select":
if(!checkSelect(eles[i]))
{
event.returnValue=false;
return false;
}
break;
//列表框
case "list":
if(!checkList(eles[i]))
{
event.returnValue=false;
return false;
}
break;
}
}
}
event.returnValue=true;
return true;
}

/**//***检查是否为整数***/
function checkInt(ele)
{
if(!isInt(ele.value))
{
alert("请输入有效整数");
ele.focus();
return false;
}
else
{
if(ele.maxInput!=null && !isNaN(ele.maxInput))
if(parseInt(ele.maxInput)<parseInt(ele.value))
{
alert("您输入的"+ convertNullToSpace(ele.objName)+"值应该小于"+ele.maxInput);
ele.focus();
return false;
}
if(ele.minInput!=null && !isNaN(ele.minInput))
if(parseInt(ele.minInput)>parseInt(ele.value))
{
alert("您输入的"+ convertNullToSpace(ele.objName)+"值应该大于"+ele.minInput);
ele.focus();
return false;
}
}
return true;
}

/**//***检查是否为小数***/
function checkFloat(ele)
{
if(isNaN(ele.value))
{
alert("请输入有效数字");
ele.focus();
return false;
}
else
{
if(ele.decimalLen!=null && !checkDecimal(ele.value,ele.decimalLen))
{
alert("您输入的"+convertNullToSpace(ele.objName)+"值小数位最多为"+ele.decimalLen);
ele.focus();
return false;
}
if(ele.maxInput!=null && !isNaN(ele.maxInput))
if(parseInt(ele.maxInput)<parseInt(ele.value))
{
alert("您输入的"+ convertNullToSpace(ele.objName)+"值应该小于"+ele.maxInput);
ele.focus();
return false;
}
if(ele.minInput!=null && !isNaN(ele.minInput))
if(parseInt(ele.minInput)>parseInt(ele.value))
{
alert("您输入的"+ convertNullToSpace(ele.objName)+"值应该大于"+ele.minInput);
ele.focus();
return false;
}
}
return true;
}

/**//***检查是否为字符串***/
function checkString(ele)
{
if(ele.stringLen!=null && !isNaN(ele.stringLen))
{
var value=new String(ele.value);
if(value.length>parseInt(ele.stringLen))
{
alert("您输入的"+convertNullToSpace(ele.objName)+"最大长度为"+ele.stringLen);
ele.focus();
return false;
}
}
return true;
}
/**//***检查是否为日期格式***/
function checkDate(ele)
{
if(!isDate(ele.value))
{
alert("请输入有效日期(yyyy-mm-dd)");
ele.focus();
return false;
}
return true;
}

/**//***检查是否为电子邮箱***/
function checkEmail(ele)
{
if(!isEmail(ele.value))
{
alert("请输入有效邮箱");
ele.focus();
return false;
}
return true;
}
/**//***检查单选按钮是否需要选择***/
function checkRadio(ele)
{
//var rads = document.getElementsByName(ele.name);
eval("var rads="+name+"."+ele.name);
var selectCount=0;
for(var i=0;i<rads.length;i++)
{
if(rads[i].checked)
{
selectCount++;
}
}

if(ele.mustSelect!=null && ele.mustSelect)
{
if(selectCount==0)
{
alert("请选择"+convertNullToSpace(ele.objName));
ele.focus();
return false;
}
}
return true;
}
/**//***检查复选按钮是否需要选择***/
function checkBox(ele)
{
//var rads = document.getElementsByName(ele.name);
eval("var chks="+name+"."+ele.name);
var selectCount=0;
for(var i=0;i<chks.length;i++)
{
if(chks[i].checked)
{
selectCount++;
}
}
if(ele.minSelect!=null && !isNaN(ele.minSelect))
{
if(selectCount<parseInt(ele.minSelect))
{
alert(convertNullToSpace(ele.objName)+"至少选择"+ele.minSelect+"项");
ele.focus();
return false;
}
}
if(ele.maxSelect!=null && !isNaN(ele.maxSelect))
{
if(selectCount>parseInt(ele.maxSelect))
{
alert(convertNullToSpace(ele.objName)+"至多选择"+ele.maxSelect+"项");
ele.focus();
return false;
}
}
return true;
}
/**//***检查下拉列表框是否需要选择***/
function checkSelect(ele)
{
//var rads = document.getElementsByName(ele.name);
if(ele.mustSelect!=null && ele.mustSelect)
{
if(ele.selectedIndex==0)
{
alert("请选择"+convertNullToSpace(ele.objName));
ele.focus();
return false;
}
}
return true;
}
/**//***检查列表框的选择项数***/
function checkList(ele)
{
//var rads = document.getElementsByName(ele.name);
var selectCount=0;
for(var i=0;i<ele.options.length;i++)
{
if(ele.options[i].selected)
{
selectCount++;
}
}
alert(selectCount);
if(ele.minSelect!=null && !isNaN(ele.minSelect))
{
if(selectCount<parseInt(ele.minSelect))
{
alert(convertNullToSpace(ele.objName)+"至少选择"+ele.minSelect+"项");
ele.focus();
return false;
}
}
if(ele.maxSelect!=null && !isNaN(ele.maxSelect))
{
if(selectCount>parseInt(ele.maxSelect))
{
alert(convertNullToSpace(ele.objName)+"至多选择"+ele.maxSelect+"项");
ele.focus();
return false;
}
}
return true;
}
/**//***判断是否为整数***/
function isInt(s)
{
var patrn=/^[-,+]{0,1}[0-9]{0,}$/;
if (!patrn.exec(s))
return false;
return true;
}
/**//***判断是否为数字***/
function isNumber(s)
{
var patrn=/^[-,+]{0,1}[0-9]{0,}[.]{0,1}[0-9]{0,}$/;

if (!patrn.exec(s))
return false;
return true;
}
/**//***判断是否为日期***/
function isDate(str)
{
var r = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);
if(r==null)
{
return false;
}
var d= new Date(r[1], r[3]-1, r[4]);
if(!(d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]))
{
return false;
}
return true;
}
/**//***判断是否为邮箱***/
function isEmail(str)
{
if(str.match(/[\w-]+@{1}[\w-]+\.{1}\w{2,4}(\.{0,1}\w{2}){0,1}/ig)!=str)
return false;
else
return true;
}
/**//***将NULL转化为空格，用于显示对象名称***/
function convertNullToSpace(paramValue)
{
if(paramValue==null)
return "";
else
return paramValue;
}
/**//***检查小数位数***/
function checkDecimal(num,decimalLen)
{
var len = decimalLen*1+1;
if(num.indexOf('.')>0)
{
num=num.substr(num.indexOf('.')+1,num.length-1);
if ((num.length)<len)
{
return true;
}
else
{
return false;
}
}
return true;
}
/**//***去除空格***/
function trim(str)
{
if (str.length > 0)
{
while ((str.substring(0,1) == " ") && (str.length > 0))
{
str = str.substring(1,str.length);
}
while (str.substring(str.length-1,str.length) == " ")
{
str = str.substring(0,str.length-1);
}
}
return str;
}
</script>
</PUBLIC:COMPONENT>

以下是我设计的导航栏（因着手简化代码因此忽略其他HTML代码），详细实例请登陆http://www.lshdic.com

以下代码在线测试请登陆http://www.lshdic.com/editdhtml.asp
-->

<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; Charset=gb2312">
<META name="GENERATOR" content="网络程序员伴侣-Lshdic 2002">
<META NAME ="KEYWORDS" CONTENT="lshdic,蓝丽网,html,css,javascript,vbscript,asp,sql,dhtml,vml,php,jsp,xml,vrml,vb,vc,delphi,开发,电脑,网络,编程,程序员,下载,软件,网页,编辑器,技术论坛">
<STYLE>
a{}{text-Decoration:none;}
a:hover{}{color:blue}
td{}{font-size:12px;color:555555}
.a1{}{font-size:14px}
</STYLE>
</HEAD>
<BODY vlink=#6772CD link='#6772CD'>
<base href='http://www.lshdic.com/'>
<TABLE cellspacing=0 cellpadding=1 width=770 align=center style='border-width:0' bgcolor='#BBE2F5' frame=below rules=none bordercolordark=white bordercolorlight=dddddd id=menutd>  <!--最外围表格-->
<TR align=right><td height=25 align=left id=menutd1>      <!--存放回首页的TD单元格-->
<a href='index.asp' style='font-size:13px'>回首页</a>
</td>
<!--以下就开始着手构建菜单了-->
<Td>
<a href='#' style='font-size:13px' onmouseover="movese('FlashMtv 经典音乐|DJ舞曲 经典电影','happy.asp|happy2.asp')">娱乐视听</a> &nbsp;
<a href='wenzhang.asp' style='font-size:13px' onmouseover="movese('网络编程语言**Html**Css**JavaScript**VbScript**Dhtml**Vml**ActiveX**Asp**Php**Jsp**Sql+Ado**Xml+*.net**其他网络技术|软件编程语言**Basic+VB**C语言+VC+CB**Java+VJ+J2EE**PB+Delphi**VFP+汇编|-|其他非编程学术|蓝丽所有网友问题|查找所有技术文章','被屏蔽网址**wenzhang.asp?str=Html<font style=display:none>Dhtml&page=1**wenzhang.asp?str=Css&page=1**wenzhang.asp?str=JavaScript/Js&lt;font style=display:none>Jsp&page=1**wenzhang.asp?str=Vbs&page=1**wenzhang.asp?str=Dhtml&page=1**wenzhang.asp?str=Vml&page=1**wenzhang.asp?str=ActiveX&page=1**wenzhang.asp?str=Asp&page=1**wenzhang.asp?str=Php&page=1**wenzhang.asp?str=Jsp&page=1**wenzhang.asp?str=Sql/Ado&page=1**wenzhang.asp?str=Xml/.Net/Xsl&page=1**wenzhang.asp?str=Fso/Wsh/Htc/正则/Object/iis/pws/Vrml&page=1|被屏蔽网址**wenzhang.asp?str=Basic/VB<font style=display:none>Vbs&page=1**wenzhang.asp?str=C语言/VC/CB&page=1**wenzhang.asp?str=VJ/J2EE/Java<font style=display:none>JavaScript&page=1**wenzhang.asp?str=PB/Delphi&page=1**wenzhang.asp?str=VF/汇编&page=1||wenzhang.asp?str=英语/注册表:/微软/驱动程序/硬件/黑客/加密/解密/攻击/防御/入侵/红客/外语/业界/理论/趋势/破解/工作/程序员/设计师/新闻/社会/讲座/病毒&page=1|wenzhang.asp?str=请问/问题/难题/请教/帮忙/帮助/帮忙/sos/help/解决/有没有/帮帮/救命/救救/急/教我/愁/谁能/能不/可不可/行不/怎么/提问/怎样/才能/能让&page=1|bbs/instr.asp')">技术文章</a> &nbsp;
<a href='download.asp' style='font-size:13px' onmouseover="movese('编程类工具软件|电子教程|编程素材','download.asp?screen=工具软件&page=1|download.asp?screen=电子教程&page=1|download.asp?screen=编程素材&page=1')">下载中心</a> &nbsp;
<a href='editweb.asp' style='font-size:13px' onmouseover="movese('进入网页编辑中心|下载编辑网页v2版','editweb.asp|download2.asp?id=48')">编辑网页</a> &nbsp;
<a href='editdhtml.asp' style='font-size:13px' onmouseover="movese('进入程序编辑中心|下载编写程序v2版','editdhtml.asp|download2.asp?id=92',1000)">编写程序</a> &nbsp;
<a href='lshdic2002.asp' title='进行注册,领取Lshdic200X软件序列号的地方' style='font-size:13px' onmouseover="movese('查看领取Lshdic序列号|注册购买Lshdic序列号|注册购买流程简介','lshdic2002.asp|lshdic2002one.asp|lshdic2002help1.asp')">Lshdic</a> &nbsp;
<a href='bbs2.asp' style='font-size:13px' onmouseover="movese('查看客户所有留言|签写新留言','bbs2.asp|bbs2fatie.asp')">留言我们</a> &nbsp;
<a href='bbs/index.asp' style='font-weight:bold' onmouseover="movese('网页版面美工设计|网页前台脚本编程|网页后台脚本编程|Xml与Net时代编程|软件开发交流论坛|讨论区及其他学术|-|会员登陆注册入口','bbs/page.asp?dex=网页版面美工设计|bbs/page.asp?dex=网页前台脚本编程|bbs/page.asp?dex=网页后台脚本编程|bbs/page.asp?dex=Xml与Net时代编程|bbs/page.asp?dex=软件开发交流论坛|bbs/page.asp?dex=讨论区及其他学术||bbs/olduser.asp')">程式交流论坛</a> &nbsp;
</td></tr></TABLE>
<script>
var cleartime=1
function movese(menustr,menuhref){   //添加一级菜单的函数
happydiv.style.display='';happydiv2.style.display='none';if(cleartime!=1)clearTimeout(cleartime)
happydiv.style.posLeft=menutd.offsetLeft+menutd1.offsetWidth+event.srcElement.offsetLeft;happydiv.style.posTop=menutd.offsetTop+menutd.offsetHeight
for(i=0;happydiv.rows.length;i++)happydiv.deleteRow()    //清除一级菜单中所有单元格
str1=menustr.split('|');str2=menuhref.split('|')
for(i=0;i<str1.length;i++){        //循环给一级菜单添加单元格
tdstr=happydiv.insertRow().insertCell()
if(str1[i].indexOf('**')==-1){          //如果数据可构成二级菜单则。。。
if(str1[i]!="-")tdstr.innerHTML="<a href='"+str2[i]+"'>"+str1[i]+"</a>";else tdstr.innerHTML="<hr size=1 color=#8BB4D9>"
}else{       //如果数据不可构成二级菜单则。。。
str3=str1[i].split('**')
tdstr.innerHTML="<font onmouseover=movese2('"+str1[i]+"','"+str2[i].replace(/</g,"lshdicstr1").replace(/ /g,"lshdicstr2").replace(/>/g,"lshdicstr3")+"')>"+str3[0]+" →</font>"   //由于字符中有与HTML冲突的字符因而替换
}}
cleartime=setTimeout('happydiv.style.display="none";happydiv2.style.display="none"',2000)    //2秒后关闭所有菜单
}
function movese2(menustr2,menuhref2){   //添加二级菜单的函数
happydiv2.style.display='';if(cleartime!=1)clearTimeout(cleartime)
happydiv2.style.posLeft=happydiv.offsetLeft+happydiv.offsetWidth;
temptop1=event.srcElement.parentElement.parentElement
happydiv2.style.posTop=happydiv.offsetTop+(temptop1.offsetHeight*temptop1.rowIndex)    //二级菜单定位
for(i=0;happydiv2.rows.length;i++)happydiv2.deleteRow()
str3=menustr2.split('**');str4=menuhref2.split('**')
for(i=1;i<str3.length;i++){
tdstr2=happydiv2.insertRow().insertCell()
tdstr2.innerHTML="<a href='"+str4[i].replace(/lshdicstr1/g,'<').replace(/lshdicstr2/g,' ').replace(/lshdicstr3/g,'>')+"'>"+str3[i]+"</a>"   //由于字符中有与HTML冲突的字符因而替换
}
cleartime=setTimeout('happydiv.style.display="none";happydiv2.style.display="none"',2000)    //2秒后关闭所有菜单
}
function over1(){          //鼠标移动到菜单单元格移动处加上边框和背景色
if(event.srcElement.tagName=="TD"){event.srcElement.bgColor='eeeeee';event.srcElement.style.border='1 solid black'}else if(event.srcElement.tagName=="A"||event.srcElement.tagName=="FONT"){event.srcElement.parentElement.bgColor='eeeeee';event.srcElement.parentElement.style.border='1 solid black'}
}
function out1(){          //鼠标在菜单单元格移动处将边框和背景去掉
if(event.srcElement.tagName=="TD"){event.srcElement.bgColor='';event.srcElement.style.border=''}else if(event.srcElement.tagName=="A"||event.srcElement.tagName=="FONT"){event.srcElement.parentElement.bgColor='';event.srcElement.parentElement.style.border=''}
}
function click1(){        //菜单内单元格单击事件
if(event.srcElement.tagName=="TD")location.href=event.srcElement.all.tags('A')(0).href
}
function document.onclick(){      //页面单击关闭所有菜单
happydiv.style.display='none';happydiv2.style.display='none'
}
function window.onerror(){
return true                   //以外扩展以外错误取消
}
</script>
<table id=happydiv style='position:absolute;z-index:5;display:none;cursor:hand;' bgcolor=#BBE2F5 onmouseover="over1();clearTimeout(cleartime)" onmouseout="out1();temp1='none';cleartime=setTimeout('happydiv.style.display=temp1;happydiv2.style.display=temp1',2000)" onclick=click1()>
<tr><Td></td></tr>
</table><!--大类菜单表格结束,大类表格调用了over(),out1(),click1()函数-->
<table id=happydiv2 style='position:absolute;z-index:5;display:none;cursor:hand;' bgcolor=#BBE2F5 onmouseover="over1();clearTimeout(cleartime)" onmouseout="out1();temp1='none';cleartime=setTimeout('happydiv.style.display=temp1;happydiv2.style.display=temp1',2000)" onclick=click1()>
<tr><Td></td></tr>
</table><!--小类菜单表格结束,小类表格也调用了over(),out1(),click1()函数-->

<!--
菜单完成了,将一下两个重要函数

movese(menustr,menuhref)

构建一级菜单的函数，可写成movese("栏目一|栏目二|栏目三**栏目三之一**栏目三之二","lm1.asp|lm2.asp|首个被屏蔽的网址.asp**lm3z1.asp**lm3z2.asp")

movese2(menustr2,menuhref2)

构建二级菜单的函数，这个必须在一级菜单中生成了请看

tdstr.innerHTML="<font onmouseover=movese2('"+str1[i]+"','"+str2[i].replace(/</g,"lshdicstr1").replace(/ /g,"lshdicstr2").replace(/>/g,"lshdicstr3")+"')>"+str3[0]+" →</font>"

好了，整个菜单就是这样的，
-->

方法二
<script language="javascript" >
function RndNum(n)
{
    var rnd="";
    for(var i=0;i<n;i++)
        rnd+=Math.floor(Math.random()*10);
    return rnd;
}
alert(RndNum(9));
</script>

function Pos(s1,s2)
{
 var len1 , len2 , i,flag;
 var str1 , str2 ;
 str1 = s1;
 len1 = str1.length;
 len2 = s2.length;
 if (len2==0 || len1==0)
     return 0;
 flag = false;
 if (len2 > len1)
  return s1;
 for (i=1;i<= len1-len2+1 ; i++)
     {
  
   str2 = str1.substring(i-1,i-1+len2);
   if (str2 == s2)
    {
     flag = true;
     break;
    }
     }
 if (flag)
  return i;
 else
  return 0;
}

相比较如今的WEB技术发展进度，这显然不能满足需要（笔者就有多个客户要求上传图片之前“实时预览”）。

事实上 借助DHTML技术这不难做到：

<script language=JavaScript>
var flag=false;
function DrawImage(ImgD){
   var image=new Image();
   image.src=develop//develop/ImgD.src;
   if(image.width>0 && image.height>0){
    flag=true;
    if(image.width/image.height>= 120/80){
     if(image.width>120){ 
     ImgD.width=120;
     ImgD.height=(image.height*120)/image.width;
     }else{
     ImgD.width=image.width; 
     ImgD.height=image.height;
     }
     ImgD.alt=image.width+"×"+image.height;
     }
    else{
     if(image.height>80){ 
     ImgD.height=80;
     ImgD.width=(image.width*80)/image.height;    
     }else{
     ImgD.width=image.width; 
     ImgD.height=image.height;
     }
     ImgD.alt=image.width+"×"+image.height;
     }
    }
   /**//*else{
    ImgD.src="";
    ImgD.alt=""
    }*/
   }

function FileChange(Value){
flag=false;
document.all.uploadimage.width=10;
document.all.uploadimage.height=10;
document.all.uploadimage.alt="";
document.all.uploadimage.src=/develop/Value;
}

function BeforeUpLoad(){
if(flag) alert("OK");else alert("FAIL");
}
</script>
<INPUT style="WIDTH: 143px; HEIGHT: 18px" type=file size=8 name=pic onchange="javascript:FileChange(this.value);">
<IMG id=uploadimage height=10 width=10 src=""  onload="javascript:DrawImage(this);" ><BR>
<Button onclick="javascript:BeforeUpLoad();">提交</Button>