js 用法大全.docx
《js 用法大全.docx》由会员分享，可在线阅读，更多相关《js 用法大全.docx（53页珍藏版）》请在冰豆网上搜索。
js用法大全
js用法大全
1.document.write（""）;输出语句
2.JS中的注释为//
3.传统的HTML文档顺序是:
document->html->（head,body）
4.一个浏览器窗口中的DOM顺序是:
window->（navigator,screen,history,location,document）
5.得到表单中元素的名称和值:
document.getElementById（"表单中元素的ID号"）.name（或＆#118alue）
6.一个小写转大写的＆#106s:
document.getElementById（"output"）.＆#118alue=document.getElementById（"input"）.＆#118alue.toUpperCase（）;
7.JS中的值类型:
String,Number,Boolean,Null,Object,Function
8.JS中的字符型转换成数值型:
parseInt（）,parseFloat（）
9.JS中的数字转换成字符型:
（""+变量）
10.JS中的取字符串长度是:
（length）
11.JS中的字符与字符相连接使用+号.
12.JS中的比较操作符有:
==等于,!
=不等于,>,>=,<.<=
13.JS中声明变量使用:
var来进行声明
14.JS中的判断语句结构:
if（condition）{}else{}
15.JS中的循环结构:
for（[initialexpression];[condition];[upadteexpression]）{insideloop}
16.循环中止的命令是:
break
17.JS中的函数定义:
functionfunctionName（[parameter],...）{statement[s]}
18.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替.
19.窗口:
打开窗口window.open（）,关闭一个窗口:
window.close（）,窗口本身:
self
20.状态栏的设置:
window.status="字符";
21.弹出提示信息:
window.alert（"字符"）;
22.弹出确认框:
window.confirm（）;
23.弹出输入提示框:
window.prompt（）;
24.指定当前显示链接的位置:
window.location.href="URL"
25.取出窗体中的所有表单的数量:
document.forms.length
26.关闭文档的输出流:
document.close（）;
27.字符串追加连接符:
+=
28.创建一个文档元素:
document.createElement（）,document.createTextNode（）
29.得到元素的方法:
document.getElementById（）
30.设置表单中所有文本型的成员的值为空:
varform=window.document.forms[0]
for（vari=0;i if（form.elements.type=="text"）{
form.elements.＆#118alue="";
}
}
31.复选按钮在JS中判断是否选中:
document.forms[0].checkThis.checked（checked属性代表为是否选中返回TRUE或FALSE）
32.单选按钮组（单选按钮的名称必须相同）:
取单选按钮组的长度document.forms[0].groupName.length
33.单选按钮组判断是否被选中也是用checked.
34.下拉列表框的值:
document.forms[0].selectName.options[n].＆#118alue（n有时用下拉列表框名称加上.selectedIndex来确定被选中的值）
35.字符串的定义:
varmyString=newString（"Thisislightsword"）;
36.字符串转成大写:
string.toUpperCase（）;字符串转成小写:
string.toLowerCase（）;
37.返回字符串2在字符串1中出现的位置:
String1.indexOf（"String2"）!
=-1则说明没找到.
38.取字符串中指定位置的一个字符:
StringA.charAt（9）;
39.取出字符串中指定起点和终点的子字符串:
stringA.substring（2,6）;
40.数学函数:
Math.PI（返回圆周率）,Math.SQRT2（返回开方）,Math.max（＆#118alue1,＆#118alue2）返回两个数中的最在值,Math.pow（＆#118alue1,10）返回＆#118alue1的十次方,Math.round（＆#118alue1）四舍五入函数,Math.floor（Math.random（）*（n+1））返回随机数
41.定义日期型变量:
vartoday=newDate（）;
42.日期函数列表:
dateObj.getTime（）得到时间,dateObj.getYear（）得到年份,dateObj.getFullYear（）得到四位的年份,dateObj.getMonth（）得到月份,dateObj.getDate（）得到日,dateObj.getDay（）得到日期几,dateObj.getHours（）得到小时,dateObj.getMinutes（）得到分,dateObj.getSeconds（）得到秒,dateObj.setTime（＆#118alue）设置时间,dateObj.setYear（val）设置年,dateObj.setMonth（val）设置月,dateObj.setDate（val）设置日,dateObj.setDay（val）设置星期几,dateObj.setHours设置小时,dateObj.setMinutes（val）设置分,dateObj.setSeconds（val）设置秒 [注意:
此日期时间从0开始计]
43.FRAME的表示方式:
[window.]frames[n].ObjFuncVarName,frames["frameName"].ObjFuncVarName,frameName.ObjFuncVarName
44.parent代表父亲对象,top代表最顶端对象
45.打开子窗口的父窗口为:
opener
46.表示当前所属的位置:
this
47.当在超链接中调用JS函数时用:
（＆#106avascript:
）来开头后面加函数名
48.在老的浏览器中不执行此＆#106s:
-- //-->
49.引用一个文件式的＆#106s:
50.指定在不支持脚本的浏览器显示的HTML:
51.当超链和＆#111nCLICK事件都有时,则老版本的浏览器转向a.html,否则转向b.html.例:
dfsadf
52.JS的内建对象有:
Array,Boolean,Date,Error,EvalError,Function,Math,Number,Object,RangeError,ReferenceError,RegExp,String,SyntaxError,TypeError,URIError
53.JS中的换行:
/n
54.窗口全屏大小:
55.JS中的all代表其下层的全部元素
56.JS中的焦点顺序:
document.getElementByid（"表单元素"）.tabIndex=1
57.innerHTML的值是表单元素的值:
如"howareyou"
,则innerHTML的值就是:
howareyou
58.innerTEXT的值和上面的一样,只不过不会把这种标记显示出来.
59.contentEditable可设置元素是否可被修改,isContentEditable返回是否可修改的状态.
60.isDisabled判断是否为禁止状态.disabled设置禁止状态
61.length取得长度,返回整型数值
62.addBehavior（）是一种JS调用的外部函数文件其扩展名为.htc
63.window.focus（）使当前的窗口在所有窗口之前.
64.blur（）指失去焦点.与FOCUS（）相反.
65.select（）指元素为选中状态.
66.防止用户对文本框中输入文本:
onfocus="this.blur（）"
67.取出该元素在页面中出现的数量:
document.all.tags（"div（或其它HTML标记符）"）.length
68.JS中分为两种窗体输出:
模态和非模态.window.showModaldialog（）,window.showModeless（）
69.状态栏文字的设置:
window.status=’文字’,默认的状态栏文字设置:
window.defaultStatus=’文字.’;
70.添加到收藏夹:
external.AddFavorite（"";;,"jaskdlf"）;
71.JS中遇到脚本错误时不做任何操作:
window.＆#111nerror=doNothing;指定错误句柄的语法为:
window.＆#111nerror=handleError;
72.JS中指定当前打开窗口的父窗口:
window.opener,支持opener.opener...的多重继续.
73.JS中的self指的是当前的窗口
74.JS中状态栏显示内容:
window.status="内容"
75.JS中的top指的是框架集中最顶层的框架
76.JS中关闭当前的窗口:
window.close（）;
77.JS中提出是否确认的框:
if（confirm（"Areyousure?
"））{alert（"ok"）;}else{alert（"NotOk"）;}
78.JS中的窗口重定向:
window.navigate（"";;）;
79.JS中的打印:
window.print（）
80.JS中的提示输入框:
window.prompt（"message","defaultReply"）;
81.JS中的窗口滚动条:
window.scroll（x,y）
82.JS中的窗口滚动到位置:
window.scrollby
83.JS中设置时间间隔:
setInterval（"expr",msecDelay）或setInterval（funcRef,msecDelay）或setTimeout
84.JS中的模态显示在IE4+行,在NN中不行:
showModalDialog（"URL"[,arguments][,features]）;
85.JS中的退出之前使用的句柄:
functionverifyClose（）{event.return＆#118alue="wereallylikeyouandhopeyouwillstaylonger.";}} window.onbeforeunload=verifyClose;
86.当窗体第一次调用时使用的文件句柄:
onload（）
87.当窗体关闭时调用的文件句柄:
onunload（）
88.window.location的属性:
protocol（http:
）,hostname（）,port（80）,host（:
80）,pathname（"/a/a.html"）,hash（"#giantGizmo",指跳转到相应的锚记）,href（全部的信息）
89.window.location.reload（）刷新当前页面.
90.window.history.back（）返回上一页,window.history.forward（）返回下一页,window.history.go（返回第几页,也可以使用访问过的URL）
91.document.write（）不换行的输出,document.writeln（）换行输出
92.document.body.noWrap=true;防止链接文字折行.
93.变量名.charAt（第几位）,取该变量的第几位的字符.
94."abc".charCodeAt（第几个）,返回第几个字符的ASCii码值.
95.字符串连接:
string.concat（string2）,或用+=进行连接
96.变量.indexOf（"字符",起始位置）,返回第一个出现的位置（从0开始计算）
97.string.lastIndexOf（searchString[,startIndex]）最后一次出现的位置.
98.string.match（regExpression）,判断字符是否匹配.
99.string.replace（regExpression,replaceString）替换现有字符串.
100.string.split（分隔符）返回一个数组存储值.
101.string.substr（start[,length]）取从第几位到指定长度的字符串.
102.string.toLowerCase（）使字符串全部变为小写.
103.string.toUpperCase（）使全部字符变为大写.
104.parseInt（string[,radix（代表进制）]）强制转换成整型.
105.parseFloat（string[,radix]）强制转换成浮点型.
106.isNaN（变量）:
测试是否为数值型.
107.定义常量的关键字:
const,定义变量的关键字:
var
javascript常用验证-[]
山里的孩子发表于2006-04-20
一、验证类
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、文本排序
---------------------------------------------------------------------------------------
一、验证类
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+））*/-AT-[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
升级会员 