今天给各位分享js高级教程函数的知识,其中也会对javascript 高级教程进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

js中的常用函数

下面介绍全页面刷新方法:有时候可能会用到

window.location.reload()刷新当前页面.

parent.location.reload()刷新父亲对象(用于框架)

opener.location.reload()刷新父窗口对象(用于单开窗口)

top.location.reload()刷新最顶端对象(用于多开窗口)

下面再介绍一些javascript基本函数 

1.document.write(””);为 输出语句 

2.js中的注释为// 

3.传统的html文档顺序是:document-html-(head,body) 

4.一个浏览器窗口中的dom顺序是:window-(navigator,screen,history,location,document) 

5.得到表单中元素的名称和值:document.getelementbyid(”表单中元素的id号”).name(或value) 

6.一个小写转大写的js: document.getelementbyid(”output”).value = document.getelementbyid (”input”).value.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([initial expression];[condition];[upadte expression]) {inside loop} 

16.循环中止的命令是:break 

17.js中的函数定义:function functionname([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() 

49.引用一个文件式的js: 

50.指定在不支持脚本的浏览器显示的html: 

51.当超链和onclick事件都有时,则老版本的浏览器转向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.窗口全屏大小:function fullscreen(){ this.moveto(0,0);this.outerwidth=screen.availwidth;this.outerheight=screen.availheight;}window.maximize=fullscreen; 

55.js中的all代表其下层的全部元素 

56.js中的焦点顺序:document.getelementbyid(”表单元素”).tabindex = 1 

 57.innerhtml的值是表单元素的值:如how are you,则innerhtml的值就是:how are you

58.innertext的值和上面的一样,只不过不会把em这种标记显示出来. 

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(””,”google”); 

71.js中遇到脚本错误时不做任何操作:window.onerror = donothing; 指定错误句柄的语法为:window.onerror = 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(”are you sure?”)){alert(”ok”);}else{alert(”not ok”);} 

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中的退出之前使用的句柄:function verifyclose(){event.returnvalue=”we really like you and hope you will stay longer.”;}}   window.onbeforeunload=verifyclose; 

86.当窗体第一次调用时使用的文件句柄:onload() 

87.当窗体关闭时调用的文件句柄:onunload() 

88.window.location的属性: protocol(http:),hostname(),port(80),host(),pathname(”/a/a.html”),hash(”#giantgizmo”,指跳转到相应的锚记),href(全部的信息) 

89.window.location.reload()刷新当前页面. 

89-1.parent.location.reload()刷新父亲对象(用于框架) 

89-2.opener.location.reload()刷新父窗口对象(用于单开窗口) 

89-3.top.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 

js高级教程函数(javascript 高级教程)插图

汇总:不错的使用频率较高的JS函数

把下面的这个做成一个js文件 然后就可以在任何页面调用了 /*================Method=======================* var_to_obj 将一个变量转换为对象* is_greater 判断是否大于某个数* is_less 判断是否小于某个数* Compare_Date 比较两个日期的大小 Num Num return:true;Num =Num return:false* is_numeric 判断是否是数字* is_price 判断是否是价格格式 带两位小数* Is_Null 判断是否是空true:空false:非空* IsSpace 判断是否空格* IsSpace 判断是否空格* Is_Int( 判断是否是整数true:是整数 false:不是整数* is_date 判断是否是日期* is_date 判断是否是日期* IsSelected 判断是否有有效数据被选中* isCharacter 检查是否是字符* isOtherNameCharacter 检查是否是其它可以作名称的字符* isNameCharacter 检查是否是可以作名称的字符* isEmail 检查是否是Email* isZIP 检查是否是邮编* isDigitalString 检查是否是数字字符串* IsEmpty IsEmpty函数判断一个字符串是否为空* Trim Trim函数去掉一字符串两边的空格* isDigital IsDigital函数判断一个字符串是否由数字(int or long)组成 * IsFloat IsFloat函数判断一个字符串是否由数字(int or long or float)组成 * IsTelephone 判断一个字符串是否由数字或 * () 组成 * dateTransfer 日期格式转化 / / * transferDate 转化日期 / / * ispassword 检查是否是密码* isLeapYear 判断是否为润年的函数* getDaysInMonth 取得每月天数的函数* jtrimstr 去掉字符串所有空格*=============================================*/

function doInputConnotEmpty(txtInput minLength sAlert){txtInput value=Trim(txtInput value);var m_IsValid=true;if(IsEmpty(txtInput value)) m_IsValid=false;if(minLength ){if(txtInput value lengthminLength) m_IsValid=false;}if(!m_IsValid){if(sAlert!= ) window alert(sAlert);txtInput focus();}return m_IsValid;}

// 将一个变量转换为对象function var_to_obj(val){this value=val;}// 判断是否大于某个数function is_greater(field crit limit){var Ret = (is_numeric(field ) ) ? (field value limit ) : false;if (!Ret)doCritCode(field crit Value must be greater than +limit);return(Ret);}// 判断是否小于某个数function is_less(field crit limit){var Ret = (is_numeric(field ) ) ? (field value limit ) : false;if (!Ret)doCritCode(field crit Value must be less than +limit);return(Ret);}

function is_numeric(field crit msg){var Ret = true;var NumStr= ;var decUsed=false;var chr;for (i= ;ifield value length;++i){chr=field value charAt(i);if (NumStr indexOf(chr )== ){if ( (!decUsed) chr== ){decUsed=true;}else{Ret=false;}}}if (!Ret)doCritCode(field crit msg);return(Ret);} // 判断是否是价格function is_price(field crit msg){var Ret = true;var NumStr= ;var decUsed=false;var chr;for (i= ;ifield value length;++i){chr=field value charAt(i);if (NumStr indexOf(chr )== ){if ( (!decUsed) chr== ){decUsed=true;}else{Ret=false;}}}if(Ret){if(decUsed(field value length field value indexOf( ) ));else if(decUsed)Ret=false;}if (!Ret)doCritCode(field crit msg);return(Ret);}

// 判断是否是空function is_null(field crit msg){var Text= + Trim(field value);if(Text length){ for(var i= ;iText length;i++)if(Text charAt(i)!= Text charAt(i)!=   )break;if(i=Text length){Ret=true;}else{Ret=false;}}elseRet=true;if (Ret)doCritCode(field crit msg); return(Ret);}function IsSpace(field){var Text= +field value;if(Text length){for(var i= ;iText length;i++)if(Text charAt(i)!= Text charAt(i)!=   )break;if(i=Text length)field value= ;}}

function doCritCode(field crit msg){if ( ( !=crit) ){alert(msg)if (crit== ){field focus(); // focus does not work on certain netscape versionsfield select();}}}// 判断是否是整数function is_int(field crit msg){var Ret = true;var NumStr= ;var chr;if (field value length== ){Ret=false;}for (i= ;ifield value length;++i){chr=field value charAt(i);if (NumStr indexOf(chr )== ){Ret=false;}}if (!Ret)doCritCode(field crit msg);return(Ret);}// 判断是否是日期function is_date(field crit msg){var Ret = false;var mark ;var mark ;var days;var y;var m;var d;if(field value== )return true;cd=new Date();

if ( (mark = field value indexOf( ))== )mark =field value indexOf( )if (mark ){if ( (mark = field value indexOf( mark + )) == )mark =field value indexOf( mark + );if ((mark )(mark + field value length) ){y = parseInt(field value substring( mark ) );m = parseInt(field value substring(mark + mark ) );d = parseInt(field value substring(mark + field value length) );

year = new var_to_obj(y);month = new var_to_obj(m);day = new var_to_obj(d);days = getDaysInMonth(month value year value) + ;

if ((is_greater(day ))(is_less(day days))(is_greater(month ))(is_less(month ))(is_greater(year ))(is_less(year )))Ret=true;}}if (!Ret) doCritCode(field crit msg);

return(Ret);}

function doCrit(field crit msg){if ( ( !=crit) ){alert(msg);if (crit== ){field focus(); // focus does not work on certain netscape versions}}}// 判断是否有有效数据被选中function isselected(field crit msg){value= +field options[field selectedIndex] value;if(value== )Ret=false;elseRet=true;if (!Ret)doCrit(field crit msg); return(Ret);}

// 检查是否是字符// cCharacter 输入值function isCharacter( cCharacter ){var sFormat = ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz ;

if( sFormat indexOf( cCharacter ) == ){return false;}

return true;}

//判断是否是数字和字母的组合function isChrandNum( cCharacter ){for(ilen= ;ilenstr length;ilen++){if(str charAt(ilen) || str charAt(ilen) ){if(str charAt(ilen) a || str charAt(ilen) z ){if(str charAt(ilen) A || str charAt(ilen) Z )return false;}} }return true;}

// 检查是否是其它可以作名称的字符// cCharacter 输入值function isOtherNameCharacter( cCharacter ){var sFormat = _ ;

if( sFormat indexOf( cCharacter ) == ){return false;}

return true;}function isOtherNameCharacter ( cCharacter ){var sFormat = ;

if( sFormat indexOf( cCharacter ) == ){return false;}

return true;}

function isOtherNameCharacter ( cCharacter ){var sFormat = ;

if( sFormat indexOf( cCharacter ) == ){return false;}

return true;}

// 检查是否是可以作名称的字符// sValue 输入值function isNameCharacter( sValue ){if( sValue == null ){return false;}

for( i = ; i sValue length; i ++ ){var cCharacter = sValue charAt( i );if( isDigital( cCharacter ) == false isCharacter( cCharacter ) == false isOtherNameCharacter( cCharacter ) == false isOtherNameCharacter ( cCharacter ) == false isOtherNameCharacter ( cCharacter ) == false ){return false;}}

return true;}//检查是否是密码function ispassword( sValue ){if( sValue == null ){return false;}

for( i = ; i sValue length; i ++ ){var cCharacter = sValue charAt( i );if( isDigital( cCharacter ) == false isCharacter( cCharacter ) == false isOtherNameCharacter( cCharacter ) == false){return false;}}

return true;}

// 检查是否是Email

// sValue 输入值 合法格式为a@b c d此类形式function isEmail( sValue ){var iFirstIndex = ;var iSecondIndex = sValue indexOf( @ );if( iSecondIndex == ){return false;}

var sTemp = sValue substring( iFirstIndex iSecondIndex );if( isNameCharacter( sTemp ) == false ){return false;}

iSecondIndex = sValue indexOf( );if( iSecondIndex == || sValue substring( sValue length sValue length ) == ){return false;}else if( sTemp length == sValue length ) // The last o characters are @ and {return false;}else{var sTempValue = sValue;iSecondIndex = sValue indexOf( @ );while( iSecondIndex != ){iFirstIndex = iSecondIndex + ;sTempValue = sTempValue substring( iFirstIndex sTempValue length ); // The right section of valueiSecondIndex = sTempValue indexOf( );//document write( sTempValue= + sTempValue + br );sTemp = sTempValue substring( iSecondIndex );//document write( sTemp= + sTemp + br );if( isNameCharacter( sTemp ) == false ){return false;}}

if( isNameCharacter( sTempValue ) == false ){return false;}}

return true;}

// 检查是否是邮编// sValue 输入值 合法格式为六位整数function isZIP( sValue ){if( sValue == null ){return false;}

if( sValue length != ){return false;}else{for( i = ; i ; i ++ ){if( isDigital( sValue charAt( i ) ) == false ){return false;}}}

return true;}

// 检查是否是数字字符串// sValue 输入值function isDigitalString( sValue ){if( sValue == null ){return false;}

for( i = ; i sValue length; i ++ ){if( isDigital( sValue charAt( i ) ) == false ){return false;}}}

//IsEmpty函数判断一个字符串是否为空function IsEmpty(his){flag = true;for(var i= ;ihis length;i++){if(his charAt(i)!= ){ flag = false; break;}}return flag;}//Trim函数去掉一字符串两边的空格function Trim(his){//找到字符串开始位置Pos_Start = ;for(var i= ;ihis length;i++){if(his charAt(i)!= ){Pos_Start = i;break; }}//找到字符串结束位置Pos_End = ;for(var i=his length ;i= ;i ){if(his charAt(i)!= ){Pos_End = i; break; }}//返回的字符串Str_Return = if(Pos_Start!= Pos_End!= ){ for(var i=Pos_Start;i=Pos_End;i++){Str_Return = Str_Return + his charAt(i); }}return Str_Return;} //IsDigital函数判断一个字符串是否由数字(int or long)组成 function isDigital(str) {for(ilen= ;ilenstr length;ilen++){if(str charAt(ilen) || str charAt(ilen) ){return false;} }return true;}//IsFloat函数判断一个字符串是否由数字(int or long or float)组成 function IsFloat(str) {flag_Dec = for(ilen= ;ilenstr length;ilen++){if(str charAt(ilen) == ){flag_Dec++;if(flag_Dec )return false;elsecontinue;} if(str charAt(ilen) || str charAt(ilen) ){return false;} }return true;}//IsTelephone函数判断一个字符串是否由数字或 * 组成 function IsTelephone(str) {for(ilen= ;ilenstr length;ilen++){if(str charAt(ilen) || str charAt(ilen) ){if((str charAt(ilen)!= )(str charAt(ilen)!= * ))return false;} }return true;}

//比较两个日期的大小 Num Num return:true;Num =Num return:falsefunction Compare_Date(Num Num ){var pos pos end;var para para para para para para ;

//para :年//para :月//para :日end=Num length;pos =Num indexOf( );pos =Num indexOf( pos + );para =Num substring( pos );para =Num substring(pos + pos );para =Num substring(pos + end);para =parseInt(para );para =parseInt(para );para =parseInt(para );end=Num length;pos =Num indexOf( );pos =Num indexOf( pos + );para =Num substring( pos );para =Num substring(pos + pos );para =Num substring(pos + end);para =parseInt(para );para =parseInt(para );para =parseInt(para );if(para para ){return true;}else if(para ==para ){if(para para ){return true;}else if(para ==para ){if(para para ){return true;}}}return false;}

//去掉字符串所有空格function jtrimstr(str){var i= ;var j;var len=str length;trimstr= ;while(ilen){if(str charAt(i)!= ){trimstr=trimstr+str charAt(i);}i++;}return(trimstr);}//转化日期function transferDate(str){var m= ;var strlen=str lengthvar n=strlen ;while (n=strlen ){if(str charAt(n)== ){break;}n=n }trimstr=str substring(m+ n)+ / + str substring(n+ strlen)+ / +str substring( m) return(trimstr)}

// 取得每月天数的函数//参数说明 month 月;year 年// 返回值 days 天数function getDaysInMonth(month year) {var days;if (month== || month== || month== || month== || month== || month== || month== ) days= ;else if (month== || month== || month== || month== ) days= ;else if (month== ) {if (isLeapYear(year)) { days= ; }else { days= ; }}return (days);}// 判断是否为润年的函数//参数说明 Year 年份// 返回值:如果是润年 返回true 否则返回false

function isLeapYear (Year) {if (((Year % )== ) ((Year % )!= ) || ((Year % )== )) {return (true);} else { return (false); }}

function isCharnum(str) {for(ilen= ;ilenstr length;ilen++){if(str charAt(ilen) || str charAt(ilen) ){if((str charAt(ilen)!= x ))return false;} }return true;}

function isCharsf(str) {for(ilen= ;ilenstr length;ilen++){if(str charAt(ilen) || str charAt(ilen) ){if(str charAt(ilen) a || str charAt(ilen) z )return false;} }return true;}

//判断一个字符串是否是由数字和 组成

function i *** onth(str) {for(ilen= ;ilenstr length;ilen++){if(str charAt(ilen) || str charAt(ilen) ){if((str charAt(ilen)!= ))return false;} }return true;}

lishixinzhi/Article/program/Java/Javascript/201311/25474

js导入全局函数怎么设置

javascript设置全局变量的方法为:1、在js的function外定义变量;2、不使用var,直接给定义变量,隐式的声明了全局变量;3、使用“window.变量名”定义为全局变量。

大前端零基础入门到就业:进入学习

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

三种方法

1.在js的function外定义一个变量

1

2

3

4

var name=’测试’;

function XX(){

alert(name);

}

2.不使用var,直接给定义变量,隐式的声明了全局变量

1

2

3

4

name=’测试’;

function XX(){

alert(name);

}

这种方法,即使该变量是在一个function内,当该function被执行后它变成了全局变量 —- 但是function不执行它就不被其他function知道,所以最好定义在function外

3.使用window.变量名定义为全局变量,但是注意:调用时候建议写上window.变量名,当然也可以不写;我们常用的document.getXXX的document对象就是window的

1

2

3

4

window.name=’测试’;

function XX(){

alert(window.name);

}

全局变量的优点:

可以减少变量的个数,减少由于实际参数和形式参数的数据传递带来的时间消耗。

全局变量的缺点:

(1)全局变量保存在静态存贮区,程序开始运行时为其分配内存,程序结束释放该内存。与局部变量的动态分配、动态释放相比,生存期比较长,因此过多的全局变量会占用较多的内存单元。

(2)全局变量破坏了函数的封装性能。函数象一个黑匣子,一般是通过函数参数和返回值进行输入输出,函数内部实现相对独立。但函数中如果使用了全局变量,那么函数体内的语句就可以绕过函数参数和返回值进行存取,这种情况破坏了函数的独立性,使函数对全局变量产生依赖。同时,也降低了该函数的可移植性。

(3)全局变量使函数的代码可读性降低。由于多个函数都可能使用全局变量,函数执行时全局变量的值可能随时发生变化,对于程序的查错和调试都非常不利。

因此,如果不是万不得已,最好不要使用全局变量。

js-回调函数(高阶函数)

初次接触回调函数的时候,总是一直纳闷什么是回调函数,首先我们先弄清楚什么是回调函数?

在弄懂回调函数的之前我们要先弄懂什么是高阶函数:所谓高阶函数, 就是值函数的一个参数是函数(这个参数就是回调函数) , 或者函数的返回值是函数 , 满足这两个的其中一个 就是 高阶函数

   首先我们可以通过一组案例实现:

   //然后定义一个myFor(可以随便定义)函数,这个函数需要传两个参数:数组,回调函数。注意这里的myFore就是我们后期如果定义回调函数的一个方法名,图中的callback的意思就是回调函数所在的位置,只不过我们平常都习惯用callback这个名义去定义回调函数,参数名不固定。

这里我们通过一个例子去实现我们是如何调用回调函数的:

最后的答案是:

js高级教程函数的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于javascript 高级教程、js高级教程函数的信息别忘了在本站进行查找喔。

免责声明:本文系转载,版权归原作者所有;旨在传递信息,不代表一休教程网的观点和立场。