页面JS函数[@more@]
这是一些我平时用到的JS脚码,希望对大家有所帮助。。。
![](/upload/ad_content/xuanchuantu-26.jpg)
创新互联于2013年开始,先为温宿等服务建站,温宿等地企业,进行企业商务咨询服务。为温宿企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
@与羊共舞的狼
- 1.常规函数
- javascript常规函数包括以下9个函数:
- (1)alert函数:显示一个警告对话框,包括一个OK按钮。
- (2)confirm函数:显示一个确认对话框,包括OK、Cancel按钮。
- (3)escape函数:将字符转换成Unicode码。
- (4)eval函数:计算表达式的结果。
- (5)isNaN函数:测试是(true)否(false)不是一个数字。
- (6)parseFloat函数:将字符串转换成符点数字形式。
- (7)parseInt函数:将符串转换成整数数字形式(可指定几进制)。
- (8)prompt函数:显示一个输入对话框,提示等待用户输入。例如:
- (9)unescape函数:解码由escape函数编码的字符。
- 2.数组函数
- javascript数组函数包括以下4个函数:
- (1)join函数:转换并连接数组中的所有元素为一个字符串。例:
- 程序代码
- function JoinDemo()
- {
- var a, b;
- a =new Array(0,1,2,3,4);
- b = a.join("-");//分隔符
- return(b);//返回的b=="0-1-2-3-4"
- }
- (2)langth函数:返回数组的长度。例:
-
- 程序代码
- function LengthDemo()
- {
- var a, l;
- a =new Array(0,1,2,3,4);
- l = a.length;
- return(l);//l==5
- }
- (3)reverse函数:将数组元素顺序颠倒。例:
-
- 程序代码
- function ReverseDemo()
- {
- var a, l;
- a =new Array(0,1,2,3,4);
- l = a.reverse();
- return(l);
- }
- (4)sort函数:将数组元素重新排序。例:
-
- 程序代码
- function SortDemo()
- {
- var a, l;
- a =new Array("X" ,"y" ,"d","Z","v","m","r");
- l = a.sort();
- return(l);
- }
- 3.日期函数
- javascript日期函数包括以下20个函数:
- (1)getDate函数:返回日期的“日”部分,值为1~31。例:
-
- 程序代码
- function DateDemo()
- {
- var d, s ="Today's date is: ";
- d =new Date();
- s += (d.getMonth() +1) +"/";
- s += d.getDate() +"/";
- s += d.getYear();
- return(s);
- }
- (2)getDay函数:返回星期几,值为0~6,其中0表示星期日,1表示星期一,...,6表示星期六。例:
-
- 程序代码
- function DateDemo()
- {
- var d, day, x, s ="Today is: ";
- var x =new Array("Sunday","Monday","Tuesday");
- var x = x.concat("Wednesday","Thursday","Friday");
- var x = x.concat("Saturday");
- d =new Date();
- day = d.getDay();
- return(s += x[day]);
- }
- (3)getHouse函数:返回日期的“小时”部分,值为0~23。例。
-
- 程序代码
- function TimeDemo()
- {
- var d, s ="The current local time is: ";
- var c =":";
- d =new Date();
- s += d.getHours() + c;
- s += d.getMinutes() + c;
- s += d.getSeconds() + c;
- s += d.getMilliseconds();
- return(s);
- }
- (4)getMinutes函数:返回日期的“分钟”部分,值为0~59。见上例。
- (5)getMonth函数:返回日期的“月”部分,值为0~11。其中0表示1月,2表示3月,...,11表示12月。见前面的例子。
- (6)getSeconds函数:返回日期的“秒”部分,值为0~59。见前面的例子。
- (7)getTime函数:返回系统时间。
-
- 程序代码
- function GetTimeTest()
- {
- var d, s, t;
- var MinMilli =1000 *60;
- var HrMilli = MinMilli *60;
- var DyMilli = HrMilli *24;
- d =new Date();
- t = d.getTime();
- s ="It's been "
- s += Math.round(t / DyMilli) +" days since 1/1/70";
- return(s);
- }
- (8)getTimezoneOffset函数:返回此地区的时差(当地时间与GMT格林威治标准时间的地区时差),单位为分钟。
-
- 程序代码
- function TZDemo()
- {
- var d, tz, s ="The current local time is ";
- d =new Date();
- tz = d.getTimezoneOffset();
- if (tz 的链接点的名称,另一个函数link设定的URL地址。
- (2)big函数:将字体加到一号,与...标签结果相同。
- (3)blink函数:使字符串闪烁,与...标签结果相同。
- (4)bold函数:使字体加粗,与...标签结果相同。
- (5)charAt函数:返回字符串中指定的某个字符。
- (6)fixed函数:将字体设定为固定宽度字体,与...标签结果相同。
- (7)fontcolor函数:设定字体颜色,与标签结果相同。
- (8)fontsize函数:设定字体大小,与标签结果相同。
- (9)indexOf函数:返回字符串中第一个查找到的下标index,从左边开始查找。
- (10)italics函数:使字体成为斜体字,与...标签结果相同。
- (11)lastIndexOf函数:返回字符串中第一个查找到的下标index,从右边开始查找。
- (12)length函数:返回字符串的长度。(不用带括号)
- (13)link函数:产生一个超级链接,相当于设定的URL地址。
- (14)small函数:将字体减小一号,与...标签结果相同。
- (15)strike函数:在文本的中间加一条横线,与...标签结果相同。
- (16)sub函数:显示字符串为下标字(subscript)。
- (17)substring函数:返回字符串中指定的几个字符。
- (18)sup函数:显示字符串为上标字(superscript)。
- (19)toLowerCase函数:将字符串转换为小写。
- (20)toUpperCase函数:将字符串转换为大写。
- //校验是否全由数字组成
- 程序代码
- function isDigit(s)
- {
- var patrn=/^[0-9]{1,20}$/;
- if (!patrn.exec(s))returnfalse
- returntrue
- }
- //校验登录名:只能输入5-20个以字母开头、可带数字、“_”、“.”的字串
- 程序代码
- function isRegisterUserName(s)
- {
- var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/;
- if (!patrn.exec(s))returnfalse
- returntrue
- }
- //校验用户姓名:只能输入1-30个以字母开头的字串
- 程序代码
- function isTrueName(s)
- {
- var patrn=/^[a-zA-Z]{1,30}$/;
- if (!patrn.exec(s))returnfalse
- returntrue
- }
- //校验密码:只能输入6-20个字母、数字、下划线
- 程序代码
- function isPasswd(s)
- {
- var patrn=/^(w){6,20}$/;
- if (!patrn.exec(s))returnfalse
- returntrue
- }
- //校验普通电话、传真号码:可以“+”开头,除数字外,可含有“-”
- 程序代码
- function isTel(s)
- {
- //var patrn=/^[+]{0,1}(d){1,3}[ ]?([-]?(d){1,12})+$/;
- var patrn=/^[+]{0,1}(d){1,3}[ ]?([-]?((d)|[ ]){1,12})+$/;
- if (!patrn.exec(s))returnfalse
- returntrue
- }
- //校验手机号码:必须以数字开头,除数字外,可含有“-”
- 程序代码
- function isMobil(s)
- {
- var patrn=/^[+]{0,1}(d){1,3}[ ]?([-]?((d)|[ ]){1,12})+$/;
- if (!patrn.exec(s))returnfalse
- returntrue
- }
- //校验邮政编码
- 程序代码
- function isPostalCode(s)
- {
- //var patrn=/^[a-zA-Z0-9]{3,12}$/;
- var patrn=/^[a-zA-Z0-9 ]{3,12}$/;
- if (!patrn.exec(s))returnfalse
- returntrue
- }
- //校验搜索关键字
- 程序代码
- function isSearch(s)
- {
- var patrn=/^[^`~!@#$%^&*()+=|][]{}:;',.<>/?]{1}[^`~!@$%^&()+=|][]{}:;',.<>?]{0,19}$/;
- if (!patrn.exec(s))returnfalse
- returntrue
- }
- 程序代码
- function isIP(s)//by zergling
- {
- var patrn=/^[0-9.]{1,20}$/;
- if (!patrn.exec(s))returnfalse
- returntrue
- }
////////////////////////////////////////////////////////////////////////////////////////////////////////////
- /**
- * 全选的所有指定名称的checkbox
- *@state 全选的checkbox的状态
- *@name 表格中的所有checkbox的名称
- *@author fangtf
- *@type void
- */
- function selectAll(state,name) {
- varids =document.getElementsByName(name);
- for (vari =0; i
- {
- ids[i].checked =state;
- }
- }
- /**
- * 全选的所有指定id名称的同名checkbox
- *@state 全选的checkbox的状态
- *@name 表格中的所有checkbox的名称
- *@name 表格中的所有checkbox的id
- *@author fangtf
- *@type void
- */
- function selectAllCheckboxByID(state,name,id) {
- varids =document.getElementsByName(name);
- for (vari =0; i
- {
- if(ids[i].id == id)
- {
- ids[i].checked =state;
- }
-
- }
- }
- /**
- * 全选页面上所有的checkbox
- *@state 全选的checkbox的状态
- *@author fangtf
- *@type void
- */
- function selectAlls(state)
- {
- varinputs =document.getElementsByTagName("input");
- for(vari =0;i
- {
- if(inputs[i].type == "checkbox")
- {
- inputs[i].checked =state;
- }
- }
- }
- /**
- *得到鼠标所单击的行
- *@type Object
- */
- function GetRow(oElem) {
- while (oElem) {
- if (oElem.tagName.toLowerCase() == "tr" && oElem.parentElement.tagName.toLowerCase() == "tbody") {
- return oElem;
- }
- if (oElem.tagName.toLowerCase() == "table" || oElem.tagName.toLowerCase() == "th") {
- return false;
- }
- oElemoElem = oElem.parentElement;
- }
- }
- /**
- * 全选当前行的checkbox
- *@state 全选的checkbox的状态
- *@author fangtf
- *@type void
- */
- function selectRowCheckbox(state)
- {
- varrow =GetRow(window.event.srcElement);
- varcells =row.childNodes;
- for(vari=0;i
- {
- varcell =cells[i].childNodes[0];
- if(cell.tagName == "INPUT")
- {
- cell.checked =state;
- }
- }
- }
- /**
- *选中指定值的Radio
- *如:有两个radio,
- *第一个的name="ids",value="1"
- *第二个的name="ids",value="2"
- *调用方法selectRadio("ids","1");
- *那么数值为1的Radio将被选中
- *@name radio的名称
- *@value radio的值
- *@author fangtf
- *@type void
- */
- function selectRadio(name,value) {
- varradioObject =document.getElementsByName(name);
- if(value === "")
- {
- radioObject[0].checked =true;
- return;
- }
- for (vari =0; i
- {
- if(radioObject[i].value == value)
- {
- radioObject[i].checked =true;
- break;
- }
-
- }
- }
- /**
- *选中指定值的checkbox
- *如:有两个checkbox,
- *第一个的name="ids",value="1"
- *第二个的name="ids",value="2"
- *第三个的name="ids",value="3"
- *调用这个方法selectCheckbox("ids","1,2")那么数值为1,2的checkbox将被选中
- *
- *@name 要选中的checkbox数组的名称
- *@value 判断时候选中的值
- *@author fangtf
- *@type void
- */
- function selectCheckbox(name,value) {
- varcheckObject =document.getElementsByName(name);
- varvaluevalues = value.split(",");
- for(varj =0; j
- {
- for (vari =0; i
- {
- if(checkObject[i].value == values[j])
- {
- checkObject[i].checked =true;
- break;
- }
- }
- }
- }
- /**
- *选中指定值的select
- *如:有一个名称为user的select
- *
- *
- *调用这个方法selectOption("user","0")那么选项为0的选项就被选中
- *
- *@name String select的名称
- *@value String 判断时候选中的值
- *@author fangtf
- *@type void
- */
- function selectOption(name,value)
- {
- document.getElementsByName(name)[0].value=value;
- }
网页题目:JavaScript常用函数积累
链接地址:
http://cdkjz.cn/article/pspgjc.html