頁面JS函數(shù)[@more@]
這是一些我平時(shí)用到的JS腳碼,希望對(duì)大家有所幫助。。。
創(chuàng)新互聯(lián)于2013年開始,先為溫宿等服務(wù)建站,溫宿等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為溫宿企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
@與羊共舞的狼
- 1.常規(guī)函數(shù)
- javascript常規(guī)函數(shù)包括以下9個(gè)函數(shù):
- (1)alert函數(shù):顯示一個(gè)警告對(duì)話框,包括一個(gè)OK按鈕。
- (2)confirm函數(shù):顯示一個(gè)確認(rèn)對(duì)話框,包括OK、Cancel按鈕。
- (3)escape函數(shù):將字符轉(zhuǎn)換成Unicode碼。
- (4)eval函數(shù):計(jì)算表達(dá)式的結(jié)果。
- (5)isNaN函數(shù):測(cè)試是(true)否(false)不是一個(gè)數(shù)字。
- (6)parseFloat函數(shù):將字符串轉(zhuǎn)換成符點(diǎn)數(shù)字形式。
- (7)parseInt函數(shù):將符串轉(zhuǎn)換成整數(shù)數(shù)字形式(可指定幾進(jìn)制)。
- (8)prompt函數(shù):顯示一個(gè)輸入對(duì)話框,提示等待用戶輸入。例如:
- (9)unescape函數(shù):解碼由escape函數(shù)編碼的字符。
- 2.數(shù)組函數(shù)
- javascript數(shù)組函數(shù)包括以下4個(gè)函數(shù):
- (1)join函數(shù):轉(zhuǎn)換并連接數(shù)組中的所有元素為一個(gè)字符串。例:
- 程序代碼
- 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函數(shù):返回?cái)?shù)組的長(zhǎng)度。例:
-
- 程序代碼
- function LengthDemo()
- {
- var a, l;
- a =new Array(0,1,2,3,4);
- l = a.length;
- return(l);//l==5
- }
- (3)reverse函數(shù):將數(shù)組元素順序顛倒。例:
-
- 程序代碼
- function ReverseDemo()
- {
- var a, l;
- a =new Array(0,1,2,3,4);
- l = a.reverse();
- return(l);
- }
- (4)sort函數(shù):將數(shù)組元素重新排序。例:
-
- 程序代碼
- function SortDemo()
- {
- var a, l;
- a =new Array("X" ,"y" ,"d","Z","v","m","r");
- l = a.sort();
- return(l);
- }
- 3.日期函數(shù)
- javascript日期函數(shù)包括以下20個(gè)函數(shù):
- (1)getDate函數(shù):返回日期的“日”部分,值為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函數(shù):返回星期幾,值為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函數(shù):返回日期的“小時(shí)”部分,值為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函數(shù):返回日期的“分鐘”部分,值為0~59。見上例。
- (5)getMonth函數(shù):返回日期的“月”部分,值為0~11。其中0表示1月,2表示3月,...,11表示12月。見前面的例子。
- (6)getSeconds函數(shù):返回日期的“秒”部分,值為0~59。見前面的例子。
- (7)getTime函數(shù):返回系統(tǒng)時(shí)間。
-
- 程序代碼
- 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函數(shù):返回此地區(qū)的時(shí)差(當(dāng)?shù)貢r(shí)間與GMT格林威治標(biāo)準(zhǔn)時(shí)間的地區(qū)時(shí)差),單位為分鐘。
-
- 程序代碼
- function TZDemo()
- {
- var d, tz, s ="The current local time is ";
- d =new Date();
- tz = d.getTimezoneOffset();
- if (tz 的鏈接點(diǎn)的名稱,另一個(gè)函數(shù)link設(shè)定的URL地址。
- (2)big函數(shù):將字體加到一號(hào),與...標(biāo)簽結(jié)果相同。
- (3)blink函數(shù):使字符串閃爍,與...標(biāo)簽結(jié)果相同。
- (4)bold函數(shù):使字體加粗,與...標(biāo)簽結(jié)果相同。
- (5)charAt函數(shù):返回字符串中指定的某個(gè)字符。
- (6)fixed函數(shù):將字體設(shè)定為固定寬度字體,與...標(biāo)簽結(jié)果相同。
- (7)fontcolor函數(shù):設(shè)定字體顏色,與標(biāo)簽結(jié)果相同。
- (8)fontsize函數(shù):設(shè)定字體大小,與標(biāo)簽結(jié)果相同。
- (9)indexOf函數(shù):返回字符串中第一個(gè)查找到的下標(biāo)index,從左邊開始查找。
- (10)italics函數(shù):使字體成為斜體字,與...標(biāo)簽結(jié)果相同。
- (11)lastIndexOf函數(shù):返回字符串中第一個(gè)查找到的下標(biāo)index,從右邊開始查找。
- (12)length函數(shù):返回字符串的長(zhǎng)度。(不用帶括號(hào))
- (13)link函數(shù):產(chǎn)生一個(gè)超級(jí)鏈接,相當(dāng)于設(shè)定的URL地址。
- (14)small函數(shù):將字體減小一號(hào),與...標(biāo)簽結(jié)果相同。
- (15)strike函數(shù):在文本的中間加一條橫線,與...標(biāo)簽結(jié)果相同。
- (16)sub函數(shù):顯示字符串為下標(biāo)字(subscript)。
- (17)substring函數(shù):返回字符串中指定的幾個(gè)字符。
- (18)sup函數(shù):顯示字符串為上標(biāo)字(superscript)。
- (19)toLowerCase函數(shù):將字符串轉(zhuǎn)換為小寫。
- (20)toUpperCase函數(shù):將字符串轉(zhuǎn)換為大寫。
- //校驗(yàn)是否全由數(shù)字組成
- 程序代碼
- function isDigit(s)
- {
- var patrn=/^[0-9]{1,20}$/;
- if (!patrn.exec(s))returnfalse
- returntrue
- }
- //校驗(yàn)登錄名:只能輸入5-20個(gè)以字母開頭、可帶數(shù)字、“_”、“.”的字串
- 程序代碼
- function isRegisterUserName(s)
- {
- var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/;
- if (!patrn.exec(s))returnfalse
- returntrue
- }
- //校驗(yàn)用戶姓名:只能輸入1-30個(gè)以字母開頭的字串
- 程序代碼
- function isTrueName(s)
- {
- var patrn=/^[a-zA-Z]{1,30}$/;
- if (!patrn.exec(s))returnfalse
- returntrue
- }
- //校驗(yàn)密碼:只能輸入6-20個(gè)字母、數(shù)字、下劃線
- 程序代碼
- function isPasswd(s)
- {
- var patrn=/^(w){6,20}$/;
- if (!patrn.exec(s))returnfalse
- returntrue
- }
- //校驗(yàn)普通電話、傳真號(hào)碼:可以“+”開頭,除數(shù)字外,可含有“-”
- 程序代碼
- 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
- }
- //校驗(yàn)手機(jī)號(hào)碼:必須以數(shù)字開頭,除數(shù)字外,可含有“-”
- 程序代碼
- function isMobil(s)
- {
- var patrn=/^[+]{0,1}(d){1,3}[ ]?([-]?((d)|[ ]){1,12})+$/;
- if (!patrn.exec(s))returnfalse
- returntrue
- }
- //校驗(yàn)郵政編碼
- 程序代碼
- 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
- }
- //校驗(yàn)搜索關(guān)鍵字
- 程序代碼
- 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的狀態(tài)
- *@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的狀態(tài)
- *@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的狀態(tài)
- *@author fangtf
- *@type void
- */
- function selectAlls(state)
- {
- varinputs =document.getElementsByTagName("input");
- for(vari =0;i
- {
- if(inputs[i].type == "checkbox")
- {
- inputs[i].checked =state;
- }
- }
- }
- /**
- *得到鼠標(biāo)所單擊的行
- *@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;
- }
- }
- /**
- * 全選當(dāng)前行的checkbox
- *@state 全選的checkbox的狀態(tài)
- *@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
- *如:有兩個(gè)radio,
- *第一個(gè)的name="ids",value="1"
- *第二個(gè)的name="ids",value="2"
- *調(diào)用方法selectRadio("ids","1");
- *那么數(shù)值為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
- *如:有兩個(gè)checkbox,
- *第一個(gè)的name="ids",value="1"
- *第二個(gè)的name="ids",value="2"
- *第三個(gè)的name="ids",value="3"
- *調(diào)用這個(gè)方法selectCheckbox("ids","1,2")那么數(shù)值為1,2的checkbox將被選中
- *
- *@name 要選中的checkbox數(shù)組的名稱
- *@value 判斷時(shí)候選中的值
- *@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
- *如:有一個(gè)名稱為user的select
- *
- *
- *調(diào)用這個(gè)方法selectOption("user","0")那么選項(xiàng)為0的選項(xiàng)就被選中
- *
- *@name String select的名稱
- *@value String 判斷時(shí)候選中的值
- *@author fangtf
- *@type void
- */
- function selectOption(name,value)
- {
- document.getElementsByName(name)[0].value=value;
- }
分享文章:JavaScript常用函數(shù)積累
標(biāo)題URL:
http://weahome.cn/article/pspgjc.html