理解JavaScript中函数的使用 函数是进行模块化程序设计的基础，编写复杂的Ajax应用程序，必须对函数有更深入的了解。 JavaScript中的函数不同于其他的语言，每个函数都是作为一个对象被维护和运行的。通过函数对象的性质，可以很方便的将一个函数赋值给一个变量或者将函数作为参数传递。在继续讲述之前，先看一下函数的使用语法： function func1(…){…} var func2=function(…){…}; var func3=function func4(…){…}; var func5=new Function(); 这些都是声明函数的正确语法。它们和其他语言中常见的函数或之前介绍的函数定义方式有着很大的区别。那么在JavaScript中为什么能这么写？它所遵循的语法是什么呢？下面将介绍这些内容。 认识函数对象（Function Object） 可以用function关键字定义一个函数，并为每个函数指定一个函数名，通过函数名来进行调用。在JavaScript解释执行时，函数都是被维护为一个对象，这就是要介绍的函数对象（Function Object）。 函数对象与其他用户所定义的对象有着本质的区别，这一类对象被称之为内部对象，例如日期对象（Date）、数组对象（Array）、字符串对象（String）都属于内部对象。这些内置对象的构造器是由JavaScript本身所定义的：通过执行new Array()这样的语句返回一个对象，JavaScript内部有一套机制来初始化返回的对象，而不是由用户来指定对象的构造方式。 在JavaScript中，函数对象对应的类型是Function，正如数组对象对应的类型是Array，日期对象对应的类型是Date一样，可以通过new Function()来创建一个函数对象，也可以通过function关键字来创建一个对象。为了便于理解，我们比较函数对象的创建和数组对象的创建。先看数组对象：下面两行代码都是创建一个数组对象myArray： var myArray=[]; //等价于 var myArray=new Array();
Javascript自执行匿名函数(function { }) 的原理浅析 匿名函数就是没有函数名的函数。这篇文章主要介绍了Javascript自执行匿名函数(function { }) 的原理浅析的相关资料,需要的朋友可以参考下 函数是JavaScript中最灵活的一种对象，这里只是讲解其匿名函数的用途。匿名函数指没有指定函数名或指针的函数，自执行匿名函数只是其中一种，下文中称这种函数为：自执行函数 下面是一个最常见的自执行函数： // 传统匿名函数 (function { alert('hello'); }) ; 这段代码的执行效果就是在页面再载入时弹出："hello" 是什么促使它自动执行的？，来看下面的代码 // 在传统写法上去掉小括号，并在前面加上运算符~,!,+,- ~function { alert('hello'); } ;
!function { alert('hello'); } ; +function { alert('hello'); } ; -function { alert('hello'); } ; 这些写法与上文所说的传统方式执行起来并无区别， 我发现，这些写法的共同点是运算符，其实传统方式的小括号也属于运算的一种，出现在：a=b*(c+d)，运算符 + 传递给自生的参数 = 函数自动执行？但有些符号也不支持，比如“=，*，/”号，它自执行的原因还是很神秘，网上也找不到像样的答案 然后我发现了一个神奇的现象，这些运算符可以无限叠加。。。。。。 // function前面是特定符号可以无限叠加... ~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+ -+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+ -~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-
转载请注明出处-中国设计秀https://www.doczj.com/doc/d412007694.html, /* -------------- 函数检索-------------- trim函数: trim() lTrim() rTrim() 校验字符串是否为空: checkIsNotEmpty(str) 校验字符串是否为整型: checkIsInteger(str) 校验整型最小值: checkIntegerMinValue(str,val) 校验整型最大值: checkIntegerMaxValue(str,val) 校验整型是否为非负数: isNotNegativeInteger(str) 校验字符串是否为浮点型: checkIsDouble(str) 校验浮点型最小值: checkDoubleMinValue(str,val) 校验浮点型最大值: checkDoubleMaxValue(str,val) 校验浮点型是否为非负数: isNotNegativeDouble(str) 校验字符串是否为日期型: checkIsValidDate(str) 校验两个日期的先后: checkDateEarlier(strStart,strEnd) 校验字符串是否为email型: checkEmail(str) 校验字符串是否为中文: checkIsChinese(str) 计算字符串的长度，一个汉字两个字符: realLength() 校验字符串是否符合自定义正则表达式: checkMask(str,pat) 得到文件的后缀名: getFilePostfix(oFile) -------------- 函数检索-------------- */ /** * added by LxcJie 2004.6.25 * 去除多余空格函数 * trim:去除两边空格lTrim:去除左空格rTrim: 去除右空格 * 用法： * var str = " hello "; * str = str.trim(); */ String.prototype.trim = function() { $)/g,return this.replace(/(^[\s]*)|([\s]* ""); } String.prototype.lTrim = function() { return this.replace(/(^[\s]*)/g, ""); } String.prototype.rTrim = function() { $)/g,return this.replace(/([\s]* ""); } /********************************** Empty **************************************/ /** *校验字符串是否为空 *返回值： *如果不为空，定义校验通过，返回true *如果为空，校验不通过，返回false 参考提示信息：输入域不能为空！ */
Javascript 114、alert怎样换行? \r\n 115、什么情况用HTML控件，什么情况用WEB控件，并比较两者差别 如果有数据提交到server端时用web control好。一般为了提高效率能用html control在客户端执行，就用html control。 116、JavaScript中的对象. JavaScript中的Object是一组数据的key-value的集合,有点类似于Java中的有这些数据都是Object里的property.通常情况下,JavaScript中建立一个对象用”new”加上constructor function来实现.如new Date(),new Object()等. var book=new Object(); https://www.doczj.com/doc/d412007694.html,="JavaScript is Cool"; book.author="tom"; book.pages=514; 上面例子中的name和page就是名为book的对象中的property.我们可以用delete 来删除Object中的property:“delete https://www.doczj.com/doc/d412007694.html,;”.除了Object,Date等buildin 的对象外,我们可以写自己的constructor function,然后使用new就可以建立自己的对象.如上面的book可以写成: function Book(name,author,page){ https://www.doczj.com/doc/d412007694.html,=name; this.author=author; this.page=page; } var abook=new Book("JavaScript is Cool","tom",514); 117、function的用法 在JavaScript中,function是一种数据类型,所有的function都是从buildin的Function object衍生的对象.所以在JavaScript中function可以作为参数传递,可以作为Object的property,也可以当作函数返回值.function在JavaScript中有两种用法,一种是当作constructor,前面加上new keyword用来建立对象.一种是当作method,为其他对象调用. 注意function和method在中文里的意思相当,在有些语言里也可以通用.但是在JavaScript中,它们还是有所区别的.function本身是是一个对象,而当作为一个方法他属于一个对象时,就成为了一个这个对象的method,相当于一个对象种的属性.也就是说method是相对于一个对象而言的,function在某些情况下成为了一个对象的method. function Book(name,author,page){ https://www.doczj.com/doc/d412007694.html,=name; this.author=author; this.page=page;
提升JavaScript运行速度之函数篇 这篇是Nicholas讨论如果防止脚本失控的第二篇，主要讨论了如何重构嵌套循环、递归，以及那些在函数内部同时执行很多子操作的函数。基本的思想和上一节trunk（）那个例子一致，如果几个操作没有特定的执行顺序，而且互相不是依赖关系，我们就可以通过异步调用的方式加以执行，不止可以减少执行的次数，还可以防止脚本失控。本文还介绍了通过memoization技术取代递归的方法。 【原文标题】Speed up your JavaScript,Part2 【原文作者】Nicholas C.Zakas 以下是对原文的翻译： 上周我在《too much happening in a loop》（译文）这篇文章中介绍了JavaScript运行时间过长的第一个原因。相似的情况有时也出现在函数的定义上，函数也可能因为使用不当而过载使用。通常情况是函数内包含了过多的循环（不是在循环中执行了过多的内容），太多的递归，或者只不过是太多不相干但又要一起执行的操作。 太多的循环经常是以嵌套的形式出现，这种代码会一直占用JavaScript引擎直至循环结束。这方面有一个非常着名的例子，就是使用冒泡算法排序。由于JavaScript有内置的sort （）方法，我们没有必要使用这种方式进行排序，但我们可以借助这个算法理解嵌套循环占用资源的症结所在，从而避免类似情况的发生。下面是一个在JavaScript使用冒泡排序法的典型例子： function bubbleSort（items）{ for（var i=items.length-1;i>=0;i--）{ for（var j=i;j>=0;j--）{ if（items[j] 本文由我司收集整编，推荐下载，如有疑问，请与我司联系 在COM 组件中调用JavaScript 函数 2013/08/13 127 转载自：blog.csdn/cheungmine/article/details/1451489 要求是很简单的，即有COM 组件A 在IE 中运行，使用JavaScript（JS）调用A 的方法longCalc()，该方法是一个耗时的操作，要求通知IE 当前的进度。这就要求 使用回调函数，设其名称为scriptCallbackFunc。实现这个技术很简单： 1 、组件方（C++）组件A 的方法在IDL 中定义： [id(2)]HRESULTlongCalc([in]DOUBLEv1,[in]DOUBLEv2,[in,optional]VARIANTscript Callback); //假设回调原型为： //scriptCallbackFunc(LONGnCurrentProgress,LONGnTotalProgress,BSTRbstrProgressNa me); //此方法由JS 脚本来实现STDMETHODIMPCA::longCalc(DOUBLEv1,DOUBLEv2,VARIANTscriptCallback) { CComPtr IDispatch spCallback; if(scriptCallback.vt==VT_DISPATCH) spCallback=scriptCallback.pdispVal; //参数准备CComVariantvarResult; CComVariantavarParams[3]; avarParams[0]=“开始计算股票”;//bstrProgressName avarParams[0].vt=VT_BSTR; avarParams[1]=100;//nTotalProgress avarParams[1].vt=VT_I4; avarParams[2]=0;//nCurrentProgress avarParams[2].vt=VT_I4; DISPPARAMSparams={avarParams,NULL,3,0}; if(spCallback) spCallback- Invoke(0, IID_NULL, LOCALE_USER_DEFAULT, DISPATCH_METHOD, ?ms, varResult,NULL,NULL); BOOLbFinished=false; while(!bFinished) { //计算工作…Sleep(1000); v1=v1+v2; //回调客户if(spCallback) { avarParams[0]=“正在计算股票…”;avarParams[2]=0; spCallback- Invoke(0, IID_NULL, LOCALE_USER_DEFAULT, DISPATCH_METHOD, ?ms,varResult,NULL,NULL); } if(…)bFinished=TRUE; }//whileOK! returnS_OK; } //符合回调原型：scriptCallbackFunc 教学方法教学目标教学重点教学难点 教学过程 教学目标 1、掌握JavaScript 内置函数的应用 2、掌握JavaScript 内置对象的应用 3、掌握JavaScript 浏览器对象的应用 教学方法教学目标教学重点 教学难点 教学过程 教学重点 1、掌握JavaScript 内置函数的使用方法 2、掌握JavaScript 常用内置对象的属性和方法 3、掌握JavaScript 浏览器对象的含义 教学方法教学目标教学重点 教学难点 教学过程 教学难点 1、掌握使用浏览器对象提供的信息来完成一定功能的网页设计。 教学方法教学目标教学重点 教学难点 教学过程 教学方法 1、项目工程互动式教学法 2、“讲、学、观察”相结合 教学方法教学目标教学重点教学难点教学过程 一、JavaScript 内置函数的应用 JavaScript 中的系统函数又称内部方法。它提供了与任何对象无关的系统函数，使用这些函数不需创建实例，可以直接用。 1、eval( )：计算字符串表达式的值 2、parseFloat( )和parseInt( )：将字符串开头的整数或浮点数分解出来，转换为整数或浮点数 3、isNaN( )：确定一个变量是否为NaN （Not a Number ） 4、escape( )：将字符串中的非字母数字字符转换为按格式%XX 表示的数字 5、unescape( )：将字符串格式为%XX 的数字转换为字符 教学方法 教学目标教学重点教学难点 教学过程 6、程序案例1：求用户在提示对话框中输入的表达式的值。 eval( )内置函数的用法：计算字符串表达式的值。 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() 30.设置表单中所有文本型的成员的值为空: var form = window.document.forms[0] for (var i = 0; i JavaScript+jQuery实现页面特效 1.下列选项中，不是typeof的返回值的是（）。 A.String B.Boolean C.Null D.Undefined 2.分析下列JavaScript代码，经历运算后a的值为（）。 Var x=”13”; Var y=”23”; Var a=x+y; A.1323 B.13 C.23 D.程序报错 3.下列语句中，（）语句是根据表达式的值进行匹配，然后执行其中的一个语句块。如果找不到匹配项，则执行默认语句块。 A.switch B.if-else C.for D.continue 4.在JavaScript中，运行下列代码后，sum的值是（）。 Var sum=0; For(i=1;i<10;i++){ If(i%5==0) Break; Sum=sum+i; } A.40 B.50 C.5 D.10 5.在JavaScript中，运行下面代码后，在页面上输出（）。Var flag; document.write(typeof(flag)); A.Undefined B.Null C.Number D.Boolean 6.下列关于函数说法错误的是（）。 A.函数是一段可以重复代码的集合 B.JavaScript中使用function关键字定义函数 C.函数只能在事件中调用 D.函数通常情况下用于处理事件的发生 7.下拉菜单中，用户更改表单元素select中的值时，就会调用（）事件处理程序。 A.onChange B.onFocus C.onMouseOver D.onClick 8.当按键盘A时，使用onKeypress事件打印event.KeyCode的结果是（）。 A.65 B.13 C.97 D.37 9.关于JavaScript中的函数，下列说法正确的是（）。 A.即使声明了形参调用时也可以不传参数 JavaScript的系统函数学习 1.编码处理函数 1） encodeURI 返回一个对URI字符串编码后的结果。URL是最常见的一种URI； 2） decodeURI 将一个已编码的URI字符串解码成最原始的字符串返回； 3）举例： < Script language = " javascript " > 输出结果如下： encodeStr: https://www.doczj.com/doc/d412007694.html,/index.jsp?name=%E9%98%BF%E8%9C%9C%E6%9E%9C decodeStr: https://www.doczj.com/doc/d412007694.html,/index.jsp?name=阿蜜果 2. 数值处理函数 1） parseInt 将一个字符串指定的进制转换为一个整数，语法格式为： parseInt(numString, [radix]) 第一个参数是要进行转换的字符串，是介于2到36之间的数值，用于指定进行字符串转换时 所用的进制。 举例如下： 常用内置函数 1.Math数学对象 调用方式： Math.方法名(参数1,参数2,...); Math.属性; 两个重要的方法：random() , round() 练习： 产生指定范围的随机数67-99 整数，如m-n，算法为：(公式)Math.random()*(n-m+1)+m 四舍五入-12.4 -12.8 12.4 12.8 代码示例: var m = 67; var n = 99; var result_num = Math.random()*(n-m+1)+m; document.write(" document.write("【IT专家】在COM组件中调用JavaScript函数
项目18—JAVASCRIPT内置对象和函数
JavaScript函数大全 集合
JavaScript
JavaScript的系统函数学习
JavaScript常用内置函数
"+Math.floor(result_num)+"
") document.write(""+Math.round(-12.8)+"
") function selectFrom(lower, upper) { var sum = upper - lower + 1; //总数-第一个数+1 return Math.floor(Math.random() * sum + lower); } 2.Date日期对象 var dateTime=new Date(); dateTime.方法名() 练习： 获取当前系统日期 计算距今天280天后，是XXXX年XX月XX日？ 代码示例: var date=new Date();"+date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日
") date.setdate(date.getDate()+280); document.write(""+date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日
") 3.URI编码函数escape和unescape 作用：当用户从一个页面跳转向另一个页面，同时需要传递信息，而此时的方法使用的是get，传递的信息中存在非文本数字字符，此时需要用户对URL进行解码 练习： var str=“JavaScript字符串”; document.write(“编码前”+str+”
”); str=escape(str); document.write(“编码后”+str+”
”); document.write(“解码后”+unescape(str) +”
”); 练习：四海兴唐@!&https://www.doczj.com/doc/d412007694.html, 注意：实际开发中，使用的是 encodeURI()，decodeURI(),encodeURIComponent(),decodeURIComponent(处理特殊字符) js中escape,encodeURI,encodeURIComponent三个函数的区别 js对文字进行编码涉及3个函数：escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decodeURIComponent 1、传递参数时需要使用encodeURIComponent，这样组合的url才不会被#等特殊字符截断。 例如：