BlogJava-学习学习再学习-随笔分类-JAVASCRIPT

javascript获取select的值全解

铁猴 — Fri, 06 Nov 2009 03:24:00 GMT

获取显示的汉字

document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text

获取数据库中的id

window.document.getElementById("bigclass").value

获取select组分配的索引id

window.document.getElementById("bigclass").selectedIndex

例子：

使用
document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text
的结果是：我适宜市哈

使用
window.document.getElementById("bigclass").value
的结果是：4

使用
window.document.getElementById("bigclass").selectedIndex
的结果是：1

(请您对文章做出评价)

铁猴 2009-11-06 11:24 发表评论

Javascript 中三元运算符的用法

铁猴 — Wed, 04 Nov 2009 08:32:00 GMT

一直来都对Javascript的三元运算符很迷惑，不知道究竟应该怎么用，大概是受了例如Java这样的语言的影响，总是觉得三元运算符的条件表达式必须返回Boolean类型。就是这个东西让我对Javascript的三元运算符迷惑了许久，今天终于忍受不下去了，于是自己写代码测试了一番，原来它是这样的。

三元预算表达式： Condition ? doSomething : doOtherThing ;

1. 同所有语言的三元运算一样，Javascript的三元运算同样支持Condition为Boolean类型的情况。当Condition为True的时候，执行doSomething，为False的时候执行doOtherThing。

2. 支持Condition为字符串。当Condition=“”的时候，等同于False，执行doOtherThing;当Condition!=“”的时候，等同于True，执行doSomething。

3. 支持Condition为对象。当Condition=undefined或者null的时候，等同于False，执行doOtherThing;当Condition!=undefined和null的时候，等同于True，执行doSomething。

目前我的总结就是发现了这3中使用方式，是否还有其他的使用方式还不知道。呵呵，不过就算是这样也让我减少了不少看Javascript代码时的疑惑！

铁猴 2009-11-04 16:32 发表评论

javascript用逗号截取字符串

铁猴 — Sun, 01 Nov 2009 23:31:00 GMT

var tempStr = "OOO, AAA, BBB, CCC, DDD";
var tempArr = tempStr.split(",");

var a = tempArr[0];
var b = tempArr[1];
var c = tempArr[2];
var d = tempArr[3];
var o = tempArr[4];

铁猴 2009-11-02 07:31 发表评论

JS相关

铁猴 — Wed, 14 Oct 2009 15:10:00 GMT

3.7 复选框的全选，多选，全不选，反选

3.8 文件上传过程中判断文件类型

画图:
id=S
style="LEFT: 0px; WIDTH: 392px; TOP: 0px; HEIGHT: 240px"
height=240
width=392
classid="clsid:369303C2-D7AC-11D0-89D5-00A0C90833E6">

写注册表：

TABLAE相关(客户端动态增加行列）

１．身份证严格验证：

２．验证ＩＰ地址

３．加sp1后还能用的无边框窗口！！

Chromeless Window

电话号码的验证

要求：
　　(1)电话号码由数字、"("、")"和"-"构成
　　(2)电话号码为3到8位
　　(3)如果电话号码中包含有区号，那么区号为三位或四位
　　(4)区号用"("、")"或"-"和其他部分隔开
　　(5)移动电话号码为11或12位，如果为12位,那么第一位为0
　　(6)11位移动电话号码的第一位和第二位为"13"
　　(7)12位移动电话号码的第二位和第三位为"13"
　　根据这几条规则，可以与出以下正则表达式：
　　(^[0-9]{3,4}\-[0-9]{3,8}$)|(^[0-9]{3,8}$)|(^$[0-9]{3,4}$[0-9]{3,8}$)|(^0{0,1}13[0-9]{9}$)

具有在输入非数字字符不回显的效果，即对非数字字符的输入不作反应。
function numbersonly(field,event){
var key,keychar;
if(window.event){
   key = window.event.keyCode;
}
else if (event){
   key = event.which;
}
else{
   return true
}
keychar = String.fromCharCode(key);
if((key == null)||(key == 0)||(key == 8)||(key == 9)||(key == 13)||(key == 27)){
   return true;
}
else if(("0123456789.").indexOf(keychar)>-1){
   window.status = "";
   return true;
}
else {
   window.status = "Field excepts numbers only";
   return false;
}
}

验证ip

str=document.RegExpDemo.txtIP.value;
if(/^(\d{1,3})\.(\d{1,3})\.(\d{1,3})\.(\d{1,3})$/.test(str)==false)
{
window.alert('错误的IP地址格式');
document.RegExpDemo.txtIP.select();
document.RegExpDemo.txtIP.focus();
return;
}
if(RegExp.$1<1 || RegExp.$1>254||RegExp.$2<0||RegExp.$2>254||RegExp.$3<0||RegExp.$3>254||RegExp.$4<1||RegExp.$4>254)
{
window.alert('错误的IP地址');
document.RegExpDemo.txtIP.select();
document.RegExpDemo.txtIP.focus();
return;
}
//剔除如   010.020.020.03 前面的0
var str=str.replace(/0(\d)/g,"$1");
str=str.replace(/0(\d)/g,"$1");
window.alert(str);

//一下是取数据的类
//Obj参数指定数据的来源(限定Table),默认第一行为字段名称行
//GetTableData类提供MoveNext方法,参数是表的行向上或向下移动的位数,正数向下移动,负数向上.
//GetFieldData方法获得指定的列名的数据
//Sort_desc方法对指定的列按降序排列
//Sort_asc方法对指定的列按升序排列
//GetData方法返回字段值为特定值的数据数组,提供数据,可以在外部进行其他处理
//Delete方法删除当前记录,数组减少一行
//初始化,Obj:table的名字,Leftlen:左面多余数据长度,Rightlen:右面多余数据长度,
function GetTableData(Obj,LeftLen,RightLen){
var MyObj=document.all(Obj);
var iRow=MyObj.rows.length;
var iLen=MyObj.rows[0].cells.length;
var i,j;

TableData=new Array();
   for (i=0;i< iRow;i++){
   TableData[i]=new Array();
   for (j=0;j    TableStr=MyObj.rows(i).cells(j).innerText;
   TableStr=TableStr.substring(LeftLen, TableStr.length-RightLen).Trim();
   TableStr=TableStr.replace(/ /gi,"").replace(/\r\n/ig,"");
   TableData[i][j]=TableStr;
   }
   }

   this.TableData=TableData;
   this.cols=this.TableData[0].length;
   this.rows=this.TableData.length;
   this.rowindex=0;
}

function movenext(Step){
if (this.rowindex>=this.rows){
return
}

if (Step=="" || typeof(Step)=="undefined") {
if (this.rowindex this.rowindex++;
return;

}
else{
   if (this.rowindex + Step<=this.rows-1 && this.rowindex + Step>=0 ){
   this.rowindex=this.rowindex + Step;
   }
   else
   {
   if (this.rowindex + Step<0){
   this.rowindex= 0;
   return;
   }
   if (this.rowindex + Step>this.rows-1){
   this.rowindex= this.rows-1;
   return;
   }
   }
}
}

function getfielddata(Field){
var colindex=-1;
var i=0;
if (typeof(Field) == "number"){
   colindex=Field;
   }
else
{
for (i=0;i    if (this.TableData[0][i]==Field){
   colindex=i;
   break;
   }
   }
}
   if (colindex!=-1) {
   return this.TableData[this.rowindex][colindex];
   }

}

function sort_desc(){//降序
var colindex=-1;
var highindex=-1;
desc_array=new Array();
var i,j;
for (n=0; n Field=arguments[arguments.length-1-n];
for (i=0;i    if (this.TableData[0][i]==Field){
   colindex=i;
   break;
   }
}
   if ( colindex==-1 )
   return;
   else
   {
   desc_array[0]=this.TableData[0];
   for(i=1;i    desc_array[i]=this.TableData[1];
   highindex=1;
   for(j=1;j        if   (desc_array[i][colindex]        desc_array[i]=this.TableData[j];
       highindex=j;
     }

   }
     if (highindex!=-1)
     this.TableData=this.TableData.slice(0,highindex).concat(this.TableData.slice(highindex+1,this.TableData.length));
   }
}

this.TableData=desc_array;
}
return;
}

function sort_asc(){//升序
var colindex=-1;
var highindex=-1;
var i,j;
for (n=0; n    asc_array=new Array();
   Field=arguments[arguments.length-1-n];
   for (i=0;i      if (this.TableData[0][i]==Field){
     colindex=i;
     break;
     }
   }
   if ( colindex==-1 )
     return;
   else
     {
     asc_array[0]=this.TableData[0];
     for(i=1;i      asc_array[i]=this.TableData[1];
     highindex=1;
       for(j=1;j          if   (asc_array[i][colindex]>this.TableData[j][colindex]){
         asc_array[i]=this.TableData[j];
         highindex=j;

         }

       }
         if (highindex!=-1)
         this.TableData=this.TableData.slice(0,highindex).concat(this.TableData.slice(highindex+1,this.TableData.length));

       }
     }

     this.TableData=asc_array;
}
return;
}

function getData(Field,FieldValue){
var colindex=-1;
var i,j;

GetData=new Array();
   if (typeof(Field)=="undefined" || typeof(FieldValue)=="undefined" ){
   return this.TableData;
   }

   for(j=0;j        if   (this.TableData[0][j]==Field){
     colindex=j;
     }
   }
   if (colindex!=-1){

   for(i=1;i        if   (this.TableData[i][colindex]==FieldValue){
     GetData[i]=new Array();
     GetData[i]=this.TableData[i];
     }
   }
   }
   return GetData;
}
function Delete(){
this.TableData=this.TableData.slice(0,this.rowindex).concat(this.TableData.slice(this.rowindex+1,this.TableData.length));
this.rows=this.TableData.length;
return;
}
function updateField(Field,FieldValue){
var colindex=-1;
var i=0;
if (typeof(Field) == "number"){
   colindex=Field;
   }
else
{
for (i=0;i    if (this.TableData[0][i]==Field){
   colindex=i;
   break;
   }
   }
}
if (colindex!=-1) {
   this.TableData[this.rowindex][colindex]=FieldValue;
   }

}
function movefirst(){
this.rowindex=0;
}
function movelast(){
this.rowindex=this.rows-1;
}
function String.prototype.Trim() {return this.replace(/(^\s*)|(\s*$)/g,"");}
GetTableData.prototype.MoveNext = movenext;
GetTableData.prototype.GetFieldData = getfielddata;
GetTableData.prototype.Sort_asc = sort_asc;
GetTableData.prototype.Sort_desc = sort_desc;
GetTableData.prototype.GetData = getData;
GetTableData.prototype.Delete = Delete;
GetTableData.prototype.UpdateField = updateField;
GetTableData.prototype.MoveFirst = movefirst;

具体的例子：http://202.119.73.208/NetEAn/com/test/jsprint.htm

在每个文本框的onblur事件中调用校验代码,并且每个文本框中onKeyDown事件中写一个enter转tab函数

//回车键换为tab
function enterToTab()
{
     if(event.srcElement.type != 'button' && event.srcElement.type != 'textarea'
       && event.keyCode == 13)
     {
         event.keyCode = 9;
     }
}

有时候还需要自由编辑表格---
给大家一个自由编辑表格的小例子,写的有点乱,呵呵:）

//===============================start================================

测试修改表格

     onclick="editerTableCell('editer_table','no_editer')">

自由编辑表格
单击开始编辑按钮,然后点击各单元格编辑	2	3
4	5	6
one	two	three
four	five	six

请单击某个单元格进行编辑!

/*
* 功能：表单内容格式检测
* 参数 obj 　　　为表单名称（ID）
*       chktype　为类型，参照函数内释
*/
function chk(obj, chktype){
switch(chktype){
   case 1://判断是否为空
   if(obj.value == ""){
     alert("请输入必要的字符。");
     obj.focus();
     obj.onselect();
   }
   break;
   case 2://判断是否为数字
   var reg = /^\d+(\.\d+)?$/;
   if(!reg.test(obj.value)){
     alert("请输入数字。");
     obj.focus();
     obj.select();
   }
   break;
   case 3://判断是否为用户名格式
   var reg = /^[^\d\-_][\w\-]*[^\-_]$/;
   if(!reg.test(obj.value)){
     alert("请输入正确的格式。");
     obj.focus();
     obj.select();
   }
   break;
   case 4://判断是否为汉字
   var reg = /^[\u4E00-\u9FA5]*$/;
   if(!reg.test(obj.value)){
     alert("你输入的不全是汉字。");
     obj.focus();
     obj.select();
   }
   break;
   case 5://判断是否为邮箱格式
   var reg = /^[^\d\-_][\w\-]*[^\-_]@[^\-][a-zA-Z\d\-]*[^\-](\.[^\-][a-zA-Z\d\-]*[^\-])*\.[a-zA-Z]{3}(\.[a-zA-Z]{2})?$/;
   if(!reg.test(obj.value)){
     alert("你输入正确的邮箱格式。");
     obj.focus();
     obj.select();
   }
   break;
   case 6://判断是否为合法日期格式
   var reg = /^(19|20)\d\d\-(0|1)\d\-(0|1|2|3)\d$/;
   if(!reg.test(obj.value)){
     alert("你输入正确的日期格式。");
     obj.focus();
     obj.select();
   }
   break;
}
}

Abs(number)

返回绝对值。

Array(arglist)

创建一个数组。

Asc(string)

返回字符串第一个字符的ANSI码。

Atn(number)

返回反正弦值。

CBool (expression)

转换成Boolean数据类型变量。

CByte (expression)

转换成Byte数据类型变量。

CCur (expression)

转换成Currency数据类型变量。

CDate (expression)

转换成Date数据类型变量。

CDbl (expression)

转换成Double数据类型变量。

Chr(charcode)

把ANSI 码转换成相应的键盘字符。

CInt (expression)

转换成Integer数据类型变量。

CLng (expression)

转换成Long数据类型变量。

CreateObject(servername.typename)

创建一个自动对象。

CSng (expression)

转换成Single数据类型变量。

CStr (expression)

转换成String数据类型变量。

Date

根据所用的系统返回时间。

DateAdd(interval,number,date)

向date对象添加指定的时间间隔。其中参数interval 接受下表所示的值。

铁猴 2009-10-14 23:10 发表评论

javascript转换日期字符串为Date对象

铁猴 — Tue, 13 Oct 2009 09:33:00 GMT

把一个日期字符串如“2007-2-28 10：18：30”转换为Date对象：
1：

1var   strArray=str.split("   ");
2var   strDate=strArray[0].split("-");
3var   strTime=strArray[1].split(":");
4var   a=new   Date(strDate[0],(strDate[1]-parseInt(1)),strDate[2],strTime[0],strTime[1],strTime[2])

2：

1var s = "2005-12-15 09:41:30";
2var d = new Date(Date.parse(s.replace(/-/g, "/")));
3