javascript常用技术.docx
《javascript常用技术.docx》由会员分享，可在线阅读，更多相关《javascript常用技术.docx（27页珍藏版）》请在冰点文库上搜索。
javascript常用技术
XX首页|XX空间|登录
HI.WAGF.CN┊WAGF.cn┊tYjY┊天涯家园博客
决心第一，成败第二；速度第一，完美第二；结果第一，理由第二。
主页博客相册|个人档案|好友
查看文章
javascript常用代码大全
2007/04/2123:
28
javascript常用代码大全
//打开模式对话框
functiondoSelectUser（txtId）
{
strFeatures="dialogWidth=500px;dialogHeight=360px;center=yes;
middle=yes;help=no;status=no;scroll=no";
varurl,strReturn;
url="selUser.aspx";
strReturn=window.showModalDialog（url,'',strFeatures）;
}
//返回模式对话框的值
functionokbtn_onclick（）
{
varcommstr='';
window.returnValue=commstr;
window.close（）;
}
全屏幕打开IE窗口
varwinWidth=screen.availWidth;
varwinHeight=screen.availHeight-20;
window.open（"main.aspx","surveyWindow","toolbar=no,width="+winWidth+",height="+winHeight+",top=0,left=0,scrollbars=yes,resizable=yes,center:
yes,statusbars=yes"）;
break
//脚本中中使用xml
functioninitialize（）{
varxmlDoc
varxslDoc
xmlDoc=newActiveXObject（'Microsoft.XMLDOM'）
xmlDoc.async=false;
xslDoc=newActiveXObject（'Microsoft.XMLDOM'）
xslDoc.async=false;
xmlDoc.load（"tree.xml"）
xslDoc.load（"tree.xsl"）
folderTree.innerHTML=xmlDoc.documentElement.transformNode（xslDoc）
}
一、验证类
1、数字验证内
1.1整数
1.2大于0的整数（用于传来的ID的验证）
1.3负整数的验证
1.4整数不能大于iMax
1.5整数不能小于iMin
2、时间类
2.1短时间，形如（13:
04:
06）
2.2短日期，形如（2003-12-05）
2.3长时间，形如（2003-12-0513:
04:
06）
2.4只有年和月。
形如（2003-05,或者2003-5）
2.5只有小时和分钟,形如（12:
03）
3、表单类
3.1所有的表单的值都不能为空
3.2多行文本框的值不能为空。
3.3多行文本框的值不能超过sMaxStrleng
3.4多行文本框的值不能少于sMixStrleng
3.5判断单选框是否选择。
3.6判断复选框是否选择.
3.7复选框的全选，多选，全不选，反选
3.8文件上传过程中判断文件类型
4、字符类
4.1判断字符全部由a-Z或者是A-Z的字字母组成
4.2判断字符由字母和数字组成。
4.3判断字符由字母和数字，下划线,点号组成.且开头的只能是下划线和字母
4.4字符串替换函数.Replace（）;
5、浏览器类
5.1判断浏览器的类型
5.2判断ie的版本
5.3判断客户端的分辨率
6、结合类
6.1email的判断。
6.2手机号码的验证
6.3身份证的验证
二、功能类
1、时间与相关控件类
1.1日历
1.2时间控件
1.3万年历
1.4显示动态显示时钟效果（文本，如OA中时间）
1.5显示动态显示时钟效果（图像，像手表）
2、表单类
2.1自动生成表单
2.2动态添加，修改，删除下拉框中的元素
2.3可以输入内容的下拉框
2.4多行文本框中只能输入iMax文字。
如果多输入了，自动减少到iMax个文字（多用于短信发送）
3、打印类
3.1打印控件
4、事件类
4.1屏蔽右键
4.2屏蔽所有功能键
4.3-->和<--F5F11,F9,F1
4.4屏蔽组合键ctrl+N
5、网页设计类
5.1连续滚动的文字，图片（注意是连续的，两段文字和图片中没有空白出现）
5.2html编辑控件类
5.3颜色选取框控件
5.4下拉菜单
5.5两层或多层次的下拉菜单
5.6仿IE菜单的按钮。
（效果如的导航栏目）
5.7状态栏，title栏的动态效果（例子很多，可以研究一下）
5.8双击后，网页自动滚屏
6、树型结构。
6.1asp+SQL版
6.2asp+xml+sql版
6.3java+sql或者java+sql+xml
7、无边框效果的制作
8、连动下拉框技术
9、文本排序
10，画图类，含饼、柱、矢量贝滋曲线
11，操纵客户端注册表类
12，DIV层相关（拖拽、显示、隐藏、移动、增加）
13，TABLAE相关（客户端动态增加行列，模拟进度条，滚动列表等）
14，各种相关类，如播放器，flash与脚本互动等
16,刷新/模拟无刷新异步调用类（XMLHttp或iframe,frame）
一、验证类
1、数字验证内
1.1整数
/^（-|\+）?
\d+$/.test（str）
1.2大于0的整数（用于传来的ID的验证）
/^\d+$/.test（str）
1.3负整数的验证
/^-\d+$/.test（str）
2、时间类
2.1短时间，形如（13:
04:
06）
functionisTime（str）
{
vara=str.match（/^（\d{1,2}）（:
）?
（\d{1,2}）\2（\d{1,2}）$/）;
if（a==null）{alert（'输入的参数不是时间格式'）;returnfalse;}
if（a[1]>24
a[3]>60
a[4]>60）
{
alert（"时间格式不对"）;
returnfalse
}
returntrue;
}
2.2短日期，形如（2003-12-05）
functionstrDateTime（str）
{
varr=str.match（/^（\d{1,4}）（-|\/）（\d{1,2}）\2（\d{1,2}）$/）;
if（r==null）returnfalse;
vard=newDate（r[1],r[3]-1,r[4]）;
return（d.getFullYear（）==r[1]&&（d.getMonth（）+1）==r[3]&&d.getDate（）==r[4]）;
}
2.3长时间，形如（2003-12-0513:
04:
06）
functionstrDateTime（str）
{
varreg=/^（\d{1,4}）（-|\/）（\d{1,2}）\2（\d{1,2}）（\d{1,2}）:
（\d{1,2}）:
（\d{1,2}）$/;
varr=str.match（reg）;
if（r==null）returnfalse;
vard=newDate（r[1],r[3]-1,r[4],r[5],r[6],r[7]）;
return（d.getFullYear（）==r[1]&&（d.getMonth（）+1）==r[3]&&d.getDate（）==r[4]&&d.getHours（）==r[5]&&d.getMinutes（）==r[6]&&d.getSeconds（）==r[7]）;
}
2.4只有年和月。
形如（2003-05,或者2003-5）
2.5只有小时和分钟,形如（12:
03）
3、表单类
3.1所有的表单的值都不能为空
'）">
3.2多行文本框的值不能为空。
3.3多行文本框的值不能超过sMaxStrleng
3.4多行文本框的值不能少于sMixStrleng
3.5判断单选框是否选择。
3.6判断复选框是否选择.
3.7复选框的全选，多选，全不选，反选
3.8文件上传过程中判断文件类型
4、字符类
4.1判断字符全部由a-Z或者是A-Z的字字母组成
4.2判断字符由字母和数字组成。
4.3判断字符由字母和数字，下划线,点号组成.且开头的只能是下划线和字母
/^（[a-zA-z_]{1}）（[\w]*）$/g.test（str）
4.4字符串替换函数.Replace（）;
5、浏览器类
5.1判断浏览器的类型
window.navigator.appName
5.2判断ie的版本
window.navigator.appVersion
5.3判断客户端的分辨率
window.screen.height;window.screen.width;
6、结合类
6.1email的判断。
functionismail（mail）
{
return（newRegExp（/^\w+（（-\w+）|（\.\w+））*\@[A-Za-z0-9]+（（\.|-）[A-Za-z0-9]+）*\.[A-Za-z0-9]+$/）.test（mail））;
}
6.2手机号码的验证
6.3身份证的验证
functionisIdCardNo（num）
{
if（isNaN（num））{alert（"输入的不是数字！
"）;returnfalse;}
varlen=num.length,re;
if（len==15）
re=newRegExp（/^（\d{6}）（）?
（\d{2}）（\d{2}）（\d{2}）（\d{3}）$/）;
elseif（len==18）
re=newRegExp（/^（\d{6}）（）?
（\d{4}）（\d{2}）（\d{2}）（\d{3}）（\d）$/）;
else{alert（"输入的数字位数不对！
"）;returnfalse;}
vara=num.match（re）;
if（a!
=null）
{
if（len==15）
{
varD=newDate（"19"+a[3]+"/"+a[4]+"/"+a[5]）;
varB=D.getYear（）==a[3]&&（D.getMonth（）+1）==a[4]&&D.getDate（）==a[5];
}
else
{
varD=newDate（a[3]+"/"+a[4]+"/"+a[5]）;
varB=D.getFullYear（）==a[3]&&（D.getMonth（）+1）==a[4]&&D.getDate（）==a[5];
}
if（!
B）{alert（"输入的身份证号"+a[0]+"里出生日期不对！
"）;returnfalse;}
}
returntrue;
}
画图:
id=S
style="LEFT:
0px;WIDTH:
392px;TOP:
0px;HEIGHT:
240px"
height=240
width=392
classid="clsid:
369303C2-D7AC-11D0-89D5-00A0C90833E6">
写注册表：
TABLAE相关（客户端动态增加行列）
functionnumberCells（）{
varcount=0;
for（i=0;ifor（j=0;jdocument.all.mytable.rows（i）.cells（j）.innerText=count;
count++;
}
}
}
| | | | |
|---|
| | | | |
| | | | |