javascript常用函数大全(一)
javascript常用函数大全(一)
1.javascript函数一共可分为五类:
2.?常规函数
3.?数组函数
4.?日期函数
5.?数学函数
6.?字符串函数
7. 1.常规函数
8.javascript常规函数包括以下9个函数:
9.(1)alert函数:显示一个警告对话框,包括一个OK按钮。
10.(2)confirm函数:显示一个确认对话框,包括OK、Cancel按钮。
11.(3)escape函数:将字符转换成Unicode码。
12.(4)eval函数:计算表达式的结果。
13.(5)isNaN函数:测试是(true)否(false)不是一个数字。
14.(6)parseFloat函数:将字符串转换成符点数字形式。
15.(7)parseInt函数:将符串转换成整数数字形式(可指定几进制)。
16.(8)prompt函数:显示一个输入对话框,提示等待用户输入。例如:
17.
18.
23.script>
24.(9)unescape函数:解码由escape函数编码的字符。
25.2.数组函数
26.javascript数组函数包括以下4个函数:
27.(1)join函数:转换并连接数组中的所有元素为一个字符串。例:
28.function JoinDemo()
29.{
30.var a, b;
31.a = new Array(0,1,2,3,4);
32.b = a.join("-");//分隔符
33.return(b);//返回的b=="0-1-2-3-4"
34.}
35.(2)length函数:返回数组的长度。例:
36.function LengthDemo()
37.{
38.var a, l;
39.a = new Array(0,1,2,3,4);
40.l = a.length;
41.return(l);//l==5
42.}
43.(3)reverse函数:将数组元素顺序颠倒。例:
44.function ReverseDemo()
45.{
46.var a, l;
47.a = new Array(0,1,2,3,4);
48.l = a.reverse();
49.return(l);
50.}
51.(4)sort函数:将数组元素重新排序。例:
52.function SortDemo()
53.{
54.var a, l;
55.a = new Array("X" ,"y" ,"d", "Z", "v","m","r");
56.l = a.sort();
57.return(l);
58.}
59.3.日期函数
60.javascript日期函数包括以下20个函数:
61.(1)getDate函数:返回日期的"日"部分,值为1~31。例:
62.function DateDemo()
63.{
64.var d, s = "Today's date is: ";
65.d = new Date();
66.s += (d.getMonth() + 1) + "/";
67.s += d.getDate() + "/";
68.s += d.getYear();
69.return(s);
70.}
71.(2)getDay函数:返回星期几,值为0~6,其中0表示星期日,1表示星期一,...,6表示星
期六。例:
72.function DateDemo()
73.{
74.var d, day, x, s = "Today is: ";
75.var x = new Array("Sunday", "Monday", "Tuesday");
76.var x = x.concat("Wednesday","Thursday", "Friday");
77.var x = x.concat("Saturday");
78.d = new Date();
79.day = d.getDay();
80.return(s += x[day]);
81.}
82.(3)getHouse函数:返回日期的"小时"部分,值为0~23。例。
83.function TimeDemo()
84.{
85.var d, s = "The current local time is: ";
86.var c = ":";
87.d = new Date();
88.s += d.getHours() + c;
89.s += d.getMinutes() + c;
90.s += d.getSeconds() + c;
91.s += d.getMilliseconds();
92.return(s);
93.}
94.(4)getMinutes函数:返回日期的"分钟"部分,值为0~59。见上例。
95.(5)getMonth函数:返回日期的"月"部分,值为0~11。其中0表示1月,2表示3月,...,
11表示12月。见前面的例子。
96.(6)getSeconds函数:返回日期的"秒"部分,值为0~59。见前面的例子。
97.(7)getTime函数:返回系统时间。
98.function GetTimeTest()
99.{
100.var d, s, t;
101.var MinMilli = 1000 * 60;
102.var HrMilli = MinMilli * 60;
103.var DyMilli = HrMilli * 24;
104.d = new Date();
105.t = d.getTime();
106.s = "It's been "
107.s += Math.round(t / DyMilli) + " days since 1/1/70";
108.return(s);
109.}
110.(8)getTimezoneOffset函数:返回此地区的时差(当地时间与GMT格林威治标准时间的地区时差),单位为分钟。
111.function TZDemo()
112.{
113.var d, tz, s = "The current local time is ";
114.d = new Date();
115.tz = d.getTimezoneOffset();
116.if (tz < 0)
117.s += tz / 60 + " hours before GMT";
118.else if (tz == 0)
119.s += "GMT";
120.else
121.s += tz / 60 + " hours after GMT";
122.return(s);
123.}
124.(9)getYear函数:返回日期的"年"部分。返回值以1900年为基数,例如1999年为99。前面有例子。
125.(10)parse函数:返回从1970年1月1日零时整算起的毫秒数(当地时间)。
126.function GetTimeTest(testdate)
127.{
128.var d, s, t;
129.var MinMilli = 1000 * 60;
130.var HrMilli = MinMilli * 60;
131.var DyMilli = HrMilli * 24;
132.d = new Date();
133.t = Date.parse(testdate);
134.s = "There are "
135.s += Math.round(Math.abs(t / DyMilli)) + " days "
136.s += "between " + testdate + " and 1/1/70";
137.return(s);
138.}
139.(11)setDate函数:设定日期的"日"部分,值为0~31。
140.(12)setHours函数:设定日期的"小时"部分,值为0~23。
141.(13)setMinutes函数:设定日期的"分钟"部分,值为0~59。
142.(14)setMonth函数:设定日期的"月"部分,值为0~11。其中0表示1月,...,11表示12月。
143.(15)setSeconds函数:设定日期的"秒"部分,值为0~59。
144.(16)setTime函数:设定时间。时间数值为1970年1月1日零时整算起的毫秒数。
145.(17)setYear函数:设定日期的"年"部分。
146.(18)toGMTString函数:转换日期成为字符串,为GMT格林威治标准时间。
147.(19)setLocaleString函数:转换日期成为字符串,为当地时间。
148.(20)UTC函数:返回从1970年1月1日零时整算起的毫秒数,以GMT格林威治标准时间计算。149.4.数学函数
150.javascript数学函数其实就是Math对象,它包括属性和函数(或称方法)两部分。其中,属性主要有下列内容。
151.Math.e:e(自然对数)、Math.LN2(2的自然对数)、Math.LN10(10的自然对数)、Math.LOG2E(e 的对数,底数为 2)、Math.LOG10E(e的对数,底数为10)、Math.PI(π)、Math.SQRT1_2(1/2的平方根值)、Math.SQRT2 (2的平方根值)。
152.函数有以下18个:
153.(1)abs函数:即Math.abs(以下同),返回一个数字的绝对值。
154.(2)acos函数:返回一个数字的反余弦值,结果为0~π弧度(radians)。
155.(3)asin函数:返回一个数字的反正弦值,结果为-π/2~π/2弧度。
156.(4)atan函数:返回一个数字的反正切值,结果为-π/2~π/2弧度。
157.(5)atan2函数:返回一个坐标的极坐标角度值。
158.(6)ceil函数:返回一个数字的最小整数值(大于或等于)。
159.(7)cos函数:返回一个数字的余弦值,结果为-1~1。
160.(8)exp函数:返回e(自然对数)的乘方值。
161.(9)floor函数:返回一个数字的最大整数值(小于或等于)。
162.(10)log函数:自然对数函数,返回一个数字的自然对数(e)值。
163.(11)max函数:返回两个数的最大值。
164.(12)min函数:返回两个数的最小值。
165.(13)pow函数:返回一个数字的乘方值。
166.(14)random函数:返回一个0~1的随机数值。
167.(15)round函数:返回一个数字的四舍五入值,类型是整数。
168.(16)sin函数:返回一个数字的正弦值,结果为-1~1。
169.(17)sqrt函数:返回一个数字的平方根值。
170.(18)tan函数:返回一个数字的正切值。
171.5.字符串函数
172.javascript字符串函数完成对字符串的字体大小、颜色、长度和查找等操作,共包括以下20个函数:
173.(1)anchor函数:产生一个链接点(anchor)以作超级链接用。anchor函数设定的链接点的名称,另一个函数link设定的URL地址。
174.(2)big函数:将字体加到一号,与...标签结果相同。
175.(3)blink函数:使字符串闪烁,与...标签结果相同。
176.(4)bold函数:使字体加粗,与...标签结果相同。
177.(5)charAt函数:返回字符串中指定的某个字符。
178.(6)fixed函数:将字体设定为固定宽度字体,与...标签结果相同。
179.(7)fontcolor函数:设定字体颜色,与标签结果相同。
180.(8)fontsize函数:设定字体大小,与标签结果相同。
181.(9)indexOf函数:返回字符串中第一个查找到的下标index,从左边开始查找。
182.(10)italics函数:使字体成为斜体字,与...标签结果相同。
183.(11)lastIndexOf函数:返回字符串中第一个查找到的下标index,从右边开始查找。
184.(12)length函数:返回字符串的长度。(不用带括号)
185.(13)link函数:产生一个超级链接,相当于设定的URL地址。
186.(14)small函数:将字体减小一号,与...标签结果相同。
187.(15)strike函数:在文本的中间加一条横线,与...标签结果相同。
188.(16)sub函数:显示字符串为下标字(subscript)。
189.(17)substring函数:返回字符串中指定的几个字符。
190.(18)sup函数:显示字符串为上标字(superscript)。
191.(19)toLowerCase函数:将字符串转换为小写。
192.(20)toUpperCase函数:将字符串转换为大写。
193.
194.
195.标识可放入head>.. 或 ...之间。将JavaScript标识放置... 在头部之间,使之在主页和其余部分代码之前装载,从而可使代码的功能更强大;将JavaScript标识放置在... 主体之间以实现某些部分动态地创建文档。
196.通过标识说明:若不认识JavaScript代码的浏览器,则所有在其中的标识均被忽略;若认识,则执行其结果。使用注释这是一个好的编程习惯,它使其他人可以读懂你的语言。
197.1. alert()是JavaScript的窗口对象方法,其功能是弹出一个具有OK对话框并显示()中的字符串。
198.比如:
199.2. Document. write()是文档对象的输出函数,其功能是将括号中的字符或变量值输出到窗口;document. close()是将输出关闭。
200.比如:
201.3. window.external.AddFavorite(' ', '希望网络技术站') 提示把网站加入收藏夹202.
203.onload=favorate() 要加在标签处,如:
204.※如果你想在离开网页时提示加为收藏夹,只需要把
205.onunload=favorate() 改成 onload=favorate() 即可
206.4. close()//关闭窗口,如果窗口不是用脚本打开的,会弹出确认对话框。
207.如:退出系统或
208.退出系统
209.给我联系
210.5. confirm()
211.//弹出“确定/取消”对话框
212.6. function document.oncontextmenu()// 禁止鼠标右键;
213.7. function document.onselectstart()// 禁止选取
214.8. window.prompt()就是一个窗口对象的方法,其基本作用是,当装入Web页面时在屏幕上显示一个具有“确定”和“取消”的对话框,让你输出数据。
215.
216.alert()方法能创建一个具有OK按钮的对话框;
217.confirm()方法为编程人员提供一个具有两个按钮的对话框;
218.prompt()方法允许用户在对话框中输入信息,并可使用默认值,其基本格式如下:
219.prompt(“提示信息”,默认值)
220.9. Window .open()是打开一个新窗口。
221.基本格式为:Window .open("URL","窗口名字","窗口属性")
222.window属性参数是由一个字符串列表项它由逗号分隔,它指明了有关新创建窗口的属性。223.参数设定值含义
224.toolbar yes/no 建立或不建立标准工具条
225.location yes/no 建立或不建立位置输入字段
226.directions yes/no 建立或不建立标准目录按钮
227.status yes/no 建立或不建立状态条
228.menubar yes/no 建立或不建立菜单条
229.scrollbar yes/no 建立或不建立滚动条
230.revisable yes/no 能否改变窗口大小
231.width yes/no 确定窗口的宽度
232.Height yes/no 确定窗口的高度。
233.10. 信息数据的输出显示。比较常用的有window.alert()、document.write和及document.writln()方法。
234.write()和writeln()方法都是用于向浏览器窗口输出文本字串;二者的唯一区别就是writeln()方法自动在文本之后加入回车符。
235.alert()方法是window对象的一个方法,因此在使用时,不需要写window窗口对象名,而是直接使用就行了。它主要用途用在输出时产生有关警告提示信息或提示用户,一旦用户按“确定”
钮后,方可继续执行其他脚本程序。
236.11. document.write(https://www.360docs.net/doc/9d13399159.html,stModified)可以产生最后修改日期。
237.
238.JavaScript 本身是会区分大小写的, lastmodified 与 lastModified,在它看来是不同的结果。https://www.360docs.net/doc/9d13399159.html,stModified 参数在 Netscape 2.0 beta 2 版时是被写成
https://www.360docs.net/doc/9d13399159.html,stmodified 的,然而,之後的版本就改为 https://www.360docs.net/doc/9d13399159.html,stModified。所以书写时要注意大小写。
239.12. 在传统的标签中加入onMouseOver的method,可以达到一定的效果。
240.如:
241.
242.window.status是用来让你可以在WWW浏览器的状态列上显示一些讯息用的。在语法中,你可以看到讯息部分是用' 括起来的部分,而非以" 括起来,在讯息部分结束之后,必须
加上 ; return true。
243.可以用onMouseOver的method配合事件发生时去呼叫函数。
JS数学函数的调用
1 SQRT1_ 2 属性返回 2 的平方根的倒数。这个值近似为 0.7071067811865476。语法 Math.SQRT1_2 实例 返回 1/2 的平方根: 输出: SQRT1_2: 0.7071067811865476 2 SQRT2 属性返回 2 的平方根。这个值近似为 1.4142135623730951。 语法 Math.SQRT2 实例 返回 2 的平方根: 输出: SQRT2: 1.4142135623730951
3 strike() 方法用于显示加删除线的字符串。 语法 stringObject.strike() 实例 在本例中,"Hello world!" 将被加上一条删除线: 4 String() 函数把对象的值转换为字符串。 语法 String(object) 参数描述 object 必需。JavaScript 对象。 实例 在本例中,我们将尝试把不同的对象转换为字符串: var num =123.4 num = parseInt(num); alert(num) /*123*/ num = parseFloat(num); alert(num) /*123.0*/ 2 window.onload = function(){ alert("HELLO WORLD") confirm("是否确认注册") prompt("请输入信息") console.log("hello"); } 3 window.onload = function(){ alert("HELLO WORLD") confirm("是否确认注册")
prompt("请输入信息") console.log(document.getElementById("txt")); }
4 window.onload = function(){ alert("hello") var flag = confirm("是否确认") if(flag){ alert("您点击的是确认") }else{ alert("你点击的不是确认") return false; } } 5 var str=prompt ("请输入信息") if(str=="admin"){ alert("admin") }else{ alert("输入错误") } 2 点击事件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() 30.设置表单中所有文本型的成员的值为空: var form = window.document.forms[0] for (var i = 0; i
JAVASCRIPT面向对象基础总结
javascript面向对象基础 1.使用[]调用对象的属性和方法 functionUser() { this.age=21; this.sex="男?"; } varuser=newUser(); alert(user["age"]); 2.动态添加,修改,删除对象的属性和方法//定义类varuser=newObject(); //添加属性和方法 https://www.360docs.net/doc/9d13399159.html,="cary"; user.age=21; user.show=function(){ alert(https://www.360docs.net/doc/9d13399159.html,+"年?龄?为?:?"+this.age);} //执行方法 user.show(); //修改属性和方法 https://www.360docs.net/doc/9d13399159.html,="James"; user.show=function() { alert(https://www.360docs.net/doc/9d13399159.html,+"你?好?"); } //执行方法 user.show(); //删除属性和方法 https://www.360docs.net/doc/9d13399159.html,="undefined"; user.show="undefined" //执行方法 user.show(); 3.使用大括号{}语法创建无类型对象varobj={}; varuser= { name:"cary", age:21,
show:function(){ alert(https://www.360docs.net/doc/9d13399159.html,+"年?龄?为?:?"+this.age); } } user.show(); varobj={};等价于 varobj=newObject(); 4.Prototype原型对象 每个函数function也是一个对象,对应的类类型为“Function”,每个函数对象都有一个子对象prototype,表示函数的原型,所以当我们new一个类的对象的时候prototype对象的成员都会被实例化为对象的成员。例如: functionclass1() {} class1.prototype.show=function(){ alert("prototyemember"); } varobj=newclass1(); obj.show(); 5.Function函数对象详解 5.1Function和Date,Array,String等一样都属于JavaScript的内部对象,这些对象的构造器是由JavaScript本身所定义的。上面说过函数对象对应的类型是Function,这个和数组的对象是Array一个道理。所以也可以像newArray()一样newFunction()来创建一个函数对象,而函数对象除了使用这种方式还可以使用function关键字来创建。我们之所以不经常使用newFunction()的方式来创建函数是因为一个函数一般会有很多语句,如果我们将这些都传到newFunction()的参数中会显得可读性比较差。varfunctionName=newFunction(p1,p2,...,pn,body)其中p1到pn为参数,body为函数体。 5.2有名函数和无名函数 有名函数:functionfuncName(){}无名函数:varfuncName=function(){}他们之间的唯一区别:就是对于有名函数他可以出现在调用之后再定义,而对于无名函数,他必须是在调用之前就已经定义好。 5.3我们可以利用Function的prototype对象来扩展函数对象,如: Function.prototype.show=function(){ alert("扩展方法"); }