js函数大全
js的常用函数
js的常用函数（原创实用版）目录一、JavaScript 函数分类二、常规函数1.alert 函数2.confirm 函数3.escape 函数4.eval 函数5.isNaN 函数6.parseFloat 函数7.parseInt 函数三、数组函数四、日期函数五、数学函数六、字符串函数正文JavaScript 是一种广泛应用于网页开发的编程语言，其中的函数是其重要的组成部分。
JavaScript 函数可以根据其用途和特性分为五类，包括常规函数、数组函数、日期函数、数学函数和字符串函数。
一、JavaScript 函数分类1.常规函数：这类函数主要用于处理一些常见的任务，如显示警告对话框、确认对话框、转换字符编码等。
2.数组函数：这类函数主要用于处理数组数据，包括数组的创建、修改、遍历等操作。
3.日期函数：这类函数主要用于处理日期和时间相关的任务，如获取当前日期、格式化日期等。
4.数学函数：这类函数主要用于执行一些数学运算，如计算平方根、绝对值、乘法等。
5.字符串函数：这类函数主要用于处理字符串数据，包括字符串的创建、修改、遍历等操作。
二、常规函数1.alert 函数：用于显示一个带有 OK 按钮的警告对话框。
2.confirm 函数：用于显示一个带有 OK 和 Cancel 按钮的确认对话框。
3.escape 函数：用于将特殊字符转换为对应的 Unicode 编码。
4.eval 函数：用于计算一个表达式的结果。
5.isNaN 函数：用于测试一个值是否为非数字。
6.parseFloat 函数：用于将一个字符串转换为浮点数。
7.parseInt 函数：用于将一个字符串转换为整数。
以上就是 JavaScript 中的常用函数大全，包括常规函数、数组函数、日期函数、数学函数和字符串函数。
JS中常用的内置函数
JS中常⽤的内置函数JS内置函数不从属于任何对象，在JS语句的任何地⽅都可以直接使⽤这些函数。
JS中常⽤的内置函数如下: 1、eval(str)接收⼀个字符串形式的表达式，并试图求出表达式的值。
作为参数的表达式可以采⽤任何合法的操作符和常数。
如果参数中包含JS命令，这些命令也可以被执⾏，就像这些命令是JS程序的⼀部分⼀样。
2、parseInt(str,n)试图从⼀个字符串中提取⼀个整数。
可附加⼀个n整数实现返回n进制整数。
如果在字符串中存在除了数字、符号、⼩数点和指数符号以外的字符，就停⽌转换，返回已有的结果。
如果第⼀个字符就不能转换，函数就返回NaN值。
3、parseFloat(str)试图从⼀个字符串中提取⼀个浮点值。
如果在字符串中存在除了数字、符号、⼩数点和指数符号以外的字符，就停⽌转换并返回已有的结果。
如果第⼀个字符就不能转换，函数就返回NaN值。
4、isNaN()⽤于判断是否为NaN值类型，如果是函数返回true。
5、isFinite(number)可以判断参数number是否是⼀个⽆穷。
如果是则函数返回false，否则返回true。
6、escape()接受⼀个字符串，这个字符串中可能含有空格、分号等字符。
函数把字符串转换成Cookie的内部表⽰⽅式。
函数返回值就是这种内部的表达⽅式。
7、unescape()接受⼀个Cookie，把其内部表达⽅式转化成普通的字符串形式。
JS函数⼀共可分为常规函数、数组函数、⽇期函数、数学函数、字符串函数等五类。
1.9个常规函数 (1)alert函数：显⽰⼀个警告对话框，包括⼀个OK按钮。
(2)confirm函数：显⽰⼀个确认对话框，包括OK、Cancel按钮。
(3)escape函数：将字符转换成Unicode码。
(4)eval函数：计算表达式的结果。
(5)isNaN函数：测试是(true)否(false)不是⼀个数字。
(6)parseFloat函数：将字符串转换成符点数字形式。
js处理字符串的函数
js处理字符串的函数在JavaScript中，有多个内置的函数用于处理字符串。
以下是一些常用的字符串处理函数：1. `length`：获取字符串的长度。
```javascriptlet str = "Hello World";console.log(str.length); // 输出：11```2. `charAt(index)`：获取指定位置的字符。
```javascriptlet str = "Hello World";console.log(str.charAt(0)); // 输出：Hconsole.log(str.charAt(6)); // 输出：W```3. `substring(startIndex, endIndex)`：提取字符串的子串。
```javascriptlet str = "Hello World";console.log(str.substring(0, 5)); // 输出：Helloconsole.log(str.substring(6)); // 输出：World```4. `split(separator)`：将字符串分割为子字符串数组。
```javascriptlet str = "Hello World";console.log(str.split(" ")); // 输出：["Hello", "World"]```5. `indexOf(searchValue, startIndex)`：返回指定值在字符串中首次出现的位置，如果未找到则返回-1。
```javascriptlet str = "Hello World";console.log(str.indexOf("o")); // 输出：4console.log(str.indexOf("l", 3)); // 输出：9console.log(str.indexOf("x")); // 输出：-1```6. `toLowerCase()`和`toUpperCase()`：将字符串转为小写或大写。
javascript数学函数
javascript数学函数JavaScript提供了许多内置的数学函数。
以下是一些例子：
1. Math.abs(x)：返回x的绝对值。
2. Math.acos(x)：返回x的反余弦值（以弧度为单位）。
3. Math.asin(x)：返回x的反正弦值（以弧度为单位）。
4. Math.atan(x)：返回x的反正切值（以弧度为单位）。
5. Math.ceil(x)：返回大于或等于x的最小整数。
6. Math.cos(x)：返回x的余弦值（以弧度为单位）。
7. Math.exp(x)：返回e的x次幂。
8. Math.floor(x)：返回小于或等于x的最大整数。
9. Math.log(x)：返回x的自然对数。
10. Math.max(...args)：返回传入的零个或多个参数中的最大值。
11. Math.min(...args)：返回传入的零个或多个参数中的最小值。
12. Math.pow(x, y)：返回x的y次幂。
13. Math.random()：返回一个介于0（包括）和1（不包括）之间的随机数。
14. Math.round(x)：返回x的四舍五入值。
15. Math.sin(x)：返回x的正弦值（以弧度为单位）。
16. Math.sqrt(x)：返回x的平方根。
17. Math.tan(x)：返回x的正切值（以弧度为单位）。
js函数的类型
js函数的类型
JavaScript函数是一种特殊类型的对象，它是由 Function 构
造函数创建的实例。
函数在 JavaScript 中非常重要，它们可被用于实现各种任务和算法，还能够提高代码的复用性和可读性。
JavaScript 函数的类型多种多样，下面是一些常见的类型：
1. 普通函数：这是最常见的函数类型，它由 function 关键字
定义，并且可以接受参数并返回值。
2. 匿名函数：这是一种没有名称的函数，通常用于作为其他函
数的参数或返回值，可以通过变量来引用它。
3. 箭头函数：这是 ECMAScript 6 中引入的一种新的函数语法，它使用箭头符号 (=>) 来定义函数，具有更简洁的语法和更短的代码。
4. 构造函数：这是一种特殊类型的函数，它使用 new 运算符来创建对象实例，通常用于面向对象编程中。
5. 方法：方法是指定义在对象中的函数，它可以访问对象的属
性和方法，并且可以用 this 关键字引用当前对象。
6. 回调函数：回调函数是一种作为其他函数参数的函数，它在
异步编程中非常常见，用于在异步操作完成后执行特定的操作。
7. 递归函数：递归函数是指在函数体内调用自身的函数，它通
常用于解决数学问题或算法中的重复计算问题。
8. 高阶函数：高阶函数是指接受一个或多个函数作为参数，并
且/或返回另一个函数的函数，它通常用于函数式编程中。
了解这些函数类型非常重要，因为它们在编写 JavaScript 代码
时非常常见，掌握它们可以帮助我们更好地理解和使用 JavaScript。
js 数学函数
js 数学函数JavaScript 是一种非常强大的编程语言，它有很多内置的函数库来处理数字运算和数学计算。
这些函数被称为JavaScript 的数学函数或数学库。
JavaScript 的数学函数主要包含以下几种：1. Math 对象：Math 对象是JavaScript 的一个内置对象，它包含了很多常用的数学函数，例如：Math.pow()、Math.sqrt()、Math.sin()、Math.cos()、Math.tan()、Math.min()、Math.max()等等。
Math 对象也包含了常数值，例如：Math.PI、Math.E 等等。
2. Number 对象：JavaScript 中Number 对象也有一些内置的数学函数，例如：Number.toFixed()、Number.toPrecision() 等等。
这些函数可以让我们控制数字的精度和格式。
3. Random 对象：Random 对象也是JavaScript 的一个内置对象，它主要用于生成随机数。
Random 对象包含了一些常用的函数，例如：Math.random()、Math.floor()、Math.ceil()、Math.round() 等等。
4. Date 对象：JavaScript 中的Date 对象可以用来处理时间，时间的计算也属于数学计算的一部分。
Date 对象包含了一些常用的函数，例如：Date.now()、Date.parse()、Date.UTC() 等等。
这些数学函数都有其使用的场景和对应的语法规则，下面我们逐一来介绍它们：1. Math 对象1.1 Math.pow(base, exponent)：该函数用于计算一个基数的指数幂，其中base 表示基数，exponent 表示指数。
例如：console.log(Math.pow(2, 8)); 输出2561.2 Math.sqrt(x)：该函数用于计算一个数的平方根。
Js函数大全
Js函数大全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,Function8. 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. 循环中止的命令是:break17. JS中的函数定义:function functionName([parameter],...){statement[s]}18. 当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替.19. 窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self20. 状态栏的设置:window.status="字符";21. 弹出提示信息:window.alert("字符");22. 弹出确认框:window.confirm();23. 弹出输入提示框:window.prompt();24. 指定当前显示链接的位置:window.location.href="URL"25. 取出窗体中的所有表单的数量:document.forms.length26. 关闭文档的输出流:document.close();27. 字符串追加连接符:+=28. 创建一个文档元素:document.createElement(),document.createTextNode()29. 得到元素的方法:document.getElementById()30. 设置表单中所有文本型的成员的值为空:var form = window.document.forms[0]for (var i = 0; i<form.elements.length;i++){if (form.elements[i].type == "text"){form.elements[i].value = "";}}31. 复选按钮在JS中判断是否选中:document.forms[0].checkThis.checked (checked属性代表为是否选中,返回TRUE或FALSE)32. 单选按钮组(单选按钮的名称必须相同):取单选按钮组的长度document.forms[0].groupName.length33. 单选按钮组判断是否被选中也是用checked.34. 下拉列表框的值:document.forms[0].selectName.options[n].value (n有时用下拉列表框名称加上.selectedIndex来确定被选中的值)35. 字符串的定义:var myString = new String("This is lightsword");36. 字符串转成大写:string.toUpperCase(); 字符串转成小写:string.toLowerCase();37. 返回字符串2在字符串1中出现的位置:String1.indexOf("String2")!=-1则说明没找到.38. 取字符串中指定位置的一个字符:StringA.charAt(9);39. 取出字符串中指定起点和终点的子字符串:stringA.substring(2,6);40. 数学函数:Math.PI(返回圆周率),Math.SQRT2(返回开方),Math.max(value1,value2)返回两个数中的最在值,Math.pow(value1,10)返回value1的十次方,Math.round(value1)四舍五入函数,Math.floor(Math.random()*(n+1))返回随机数41. 定义日期型变量:var today = new Date();42. 日期函数列表:dateObj.getTime()得到时间,dateObj.getYear()得到年份,dateObj.getFullYear()得到四位的年份,dateObj.getMonth()得到月份,dateObj.getDate()得到日,dateObj.getDay()得到日期几,dateObj.getHours()得到小时,dateObj.getMinutes()得到分,dateObj.getSeconds()得到秒,dateObj.setTime(value)设置时间,dateObj.setYear(val)设置年,dateObj.setMonth(val)设置月,dateObj.setDate(val)设置日,dateObj.setDay(val)设置星期几,dateObj.setHours设置小时,dateObj.setMinutes(val) 设置分,dateObj.setSeconds(val)设置秒[注意:此日期时间从0开始计]43. FRAME的表示方式:[window.]frames[n].ObjFuncVarName,frames["frameName"].ObjFuncVarName,frameName.ObjFu ncVarName44. parent代表父亲对象,top代表最顶端对象45. 打开子窗口的父窗口为:opener46. 表示当前所属的位置:this47. 当在超链接中调用JS函数时用:(javascript:)来开头后面加函数名48. 在老的浏览器中不执行此JS:<!-- //-->49. 引用一个文件式的JS:<script type="text/javascript" src="aaa.js"></script>50. 指定在不支持脚本的浏览器显示的HTML:<noscript></noscript>51. 当超链和ONCLICK事件都有时,则老版本的浏览器转向 a.html,否则转向 b.html.例:<a href="a.html" onclick="location.href='b.html';return false">dfsadf</a>52. JS的内建对象有:Array,Boolean,Date,Error,EvalError,Function,Math,Number,Object,RangeError,ReferenceError, RegExp,String,SyntaxError,TypeError,URIError53. JS中的换行:\n54. 窗口全屏大小:<script>functionfullScreen(){ this.moveTo(0,0);this.outerWidth=screen.availWidth;this.outerHeight=screen.availH eight;}window.maximize=fullScreen;</script>55. JS中的all代表其下层的全部元素56. JS中的焦点顺序:document.getElementByid("表单元素").tabIndex = 157. innerHTML的值是表单元素的值:如<p id="para">"how are <em>you</em>"</p>,则innerHTML 的值就是:how are <em>you</em>58. innerTEXT的值和上面的一样,只不过不会把<em>这种标记显示出来.59. contentEditable可设置元素是否可被修改,isContentEditable返回是否可修改的状态.60. isDisabled判断是否为禁止状态.disabled设置禁止状态61. length取得长度,返回整型数值62. addBehavior()是一种JS调用的外部函数文件其扩展名为.htc63. window.focus()使当前的窗口在所有窗口之前.64. blur()指失去焦点.与FOCUS()相反.65. select()指元素为选中状态.66. 防止用户对文本框中输入文本:onfocus="this.blur()"67. 取出该元素在页面中出现的数量:document.all.tags("div(或其它HTML标记符)").length68. 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.scrollby83. JS中设置时间间隔:setInterval("expr",msecDelay)或setInterval(funcRef,msecDelay)或setTimeout84. 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(:80),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. stIndexOf(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中常用的一切函数和写法
JS中常⽤的⼀切函数和写法⼀、箭头函数arrow funtion1.定义⼀个匿名函数常规语法：function (x) {return x * x;}2.该函数使⽤箭头函数可以使⽤仅仅⼀⾏代码搞定！x => x * x箭头函数相当于匿名函数，并且简化了函数定义箭头函数有两种格式：⼀种像上⾯的，只包含⼀个表达式，连{ ... }和return都省略掉了。
还有⼀种可以包含多条语句，这时候就不能省略{ ... }和return。
例如：x => {if (x > 0) {return x * x;}else {return - x * x;}}箭头函数的语法规则：(parameters) => { statements }如果函数有多个参数或者没有参数，可按照下⾯写法：如果返回值仅仅只有⼀个表达式(expression), 还可以省略⼤括号。
// ⽆参数:() => 3.14//⼀个参数//如果只有⼀个参数，可以省略括号:x=>x*x// 两个参数:(x, y) => x * x + y * y// 可变参数:(x, y, ...rest) => {var i, sum = x + y;for (i=0; i<rest.length; i++) {sum += rest[i];}return sum;}注解：当传⼊的参数不确定时，使⽤rest运算符...rest注意：如果要返回⼀个对象，就要注意，如果是单表达式，这么写的话会报错：// SyntaxError:x => { foo: x }因为和函数体的 { ... } 有语法冲突，所以要改为：// ok:x => ({ foo: x })⼆、JS中filter的⽤法filter() ⽅法创建⼀个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。
注意： filter() 不会对空数组进⾏检测。
js 运算函数
js 运算函数JavaScript是一种广泛应用于网页开发的脚本语言，它支持各种运算操作。
在JavaScript中，运算函数是一种非常常见的操作，它可以用来执行各种数学计算和逻辑运算。
本文将介绍一些常用的JavaScript运算函数，并对其使用方法和注意事项进行详细说明。
一、算术运算函数1. 加法运算函数：JavaScript中的加法运算函数可以用来对两个数进行相加操作。
例如，使用add函数可以将两个数相加并返回结果。
使用方式如下：```function add(a, b) {return a + b;}var result = add(5, 3);console.log(result); // 输出结果为8```2. 减法运算函数：JavaScript中的减法运算函数可以用来对两个数进行相减操作。
例如，使用subtract函数可以将两个数相减并返回结果。
使用方式如下：```function subtract(a, b) {return a - b;}var result = subtract(5, 3);console.log(result); // 输出结果为2```3. 乘法运算函数：JavaScript中的乘法运算函数可以用来对两个数进行相乘操作。
例如，使用multiply函数可以将两个数相乘并返回结果。
使用方式如下：```function multiply(a, b) {return a * b;}var result = multiply(5, 3);console.log(result); // 输出结果为15```4. 除法运算函数：JavaScript中的除法运算函数可以用来对两个数进行相除操作。
例如，使用divide函数可以将两个数相除并返回结果。
使用方式如下：```function divide(a, b) {return a / b;}var result = divide(5, 3);console.log(result); // 输出结果为1.6666666666666667```二、逻辑运算函数1. 与运算函数：JavaScript中的与运算函数可以用来判断多个条件是否同时满足。
常用原生js自定义函数总结
常⽤原⽣js⾃定义函数总结js获取⽇期函数//获取当前时间⽇期function CurentTime(){var now = new Date();var year = now.getFullYear(); //年var month = now.getMonth() + 1; //⽉var day = now.getDate(); //⽇var hh = now.getHours(); //时var mm = now.getMinutes(); //分var clock = year + "-";if(month < 10)clock += "0";clock += month + "-";if(day < 10)clock += "0";clock += day + " ";if(hh < 10)clock += "0";clock += hh + ":";if (mm < 10) clock += '0';clock += mm;return(clock);}js获取时间差函数//获取时间差多少天function getLastTime(){var startTime=new Date("1996-5-11 00:00"); //开始时间var endTime=new Date(); //结束时间var lastTime=endTime.getTime()-startTime.getTime() //时间差的毫秒数//计算出相差天数var days=Math.floor(lastTime/(24*3600*1000))//计算出⼩时数var leave1=lastTime%(24*3600*1000) //计算天数后剩余的毫秒数var hours=Math.floor(leave1/(3600*1000))//计算相差分钟数var leave2=leave1%(3600*1000) //计算⼩时数后剩余的毫秒数var minutes=Math.floor(leave2/(60*1000))//计算相差秒数var leave3=leave2%(60*1000) //计算分钟数后剩余的毫秒数var seconds=Math.round(leave3/1000)return " 相差 "+days+"天 "+hours+"⼩时 "+minutes+" 分钟"+seconds+" 秒";}js只⾃动刷新页⾯⼀次//⾃动刷新页⾯⼀次后停⽌刷新window.onload = function(){if(location.search.indexOf("?")==-1){location.href += "?myurl";}else{if(location.search.indexOf("myurl")==-1) location.href += "&myurl";}}ajax实例$.ajax({type: "POST",url: "join.php",data: dataString,success: function(){$('.success').fadeIn(200).show();$('.error').fadeOut(200).hide();}});实时获取窗⼝⼤⼩$(window).resize(function(){var Height = $(window).height();var Width = $(window).width();})js循环执⾏函数和定时执⾏函数//循环执⾏，每隔3秒钟执⾏⼀次showalert（）window.setInterval(showalert, 3000);function showalert(){alert("循环执⾏");}//定时执⾏，5秒后执⾏show()window.setTimeout(show,5000);function show(){alert("定时执⾏");}js获取get参数函数function GetQueryString(name){var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");var r = window.location.search.substr(1).match(reg);if(r!=null)return unescape(r[2]); return null;}alert(GetQueryString("参数名1"));js页⾯打印数组函数/*** 打印数组* @param {[type]} arr 要打印的数组* @param {[type]} space 控制打印的缩进* @param {[type]} space2 控制打印的缩进2*/function print_arr(arr, space, space2){space = space || ' ';space2 = space2 || ' ';var str = "Array<br>"+space+"(<br>";for(var i=0; i<arr.length; i++){if( Object.prototype.toString.call(arr[i]) == '[object Array]' ){ //判断是否是数组，如果是，进⾏递归拼接str += space2 + '[' +i+"] => "+ print_arr(arr[i], space+' ', space2+' '); }else{str += space2 +'['+i+"] => "+ arr[i] +"<br>";}}str += space+")<br>";document.write(str);}js打印json数据成数组形式输出在html/** 输出空格函数 */function blank(num) {var res = '';for (var i = 0; i < num; i++) {res += ' ';}return res;}/** 计算JSON对象数据个数 */function jsonLen(jsonObj) {var length = 0;for (var item in jsonObj) {length++;}return length;}/** 解析JSON对象函数 */function printObj(obj) {// JSON对象层级深度deep = (typeof(deep)=='undefined') ? 0: deep;var html = "Array\n"; // 返回的HTMLhtml += kong(deep) + "(\n";var i = 0;// JSON对象，不能使⽤.length获取数据的个数，故需⾃定义⼀个计算函数var len = typeof(obj) == 'array' ? obj.length : jsonLen(obj);for(var key in obj){// 判断数据类型，如果是数组或对象，则进⾏递归// 判断object类型时，&&jsonLen(obj[key])是由于// 1、值（类似：email:）为null的时候，typeof(obj[key])会把这个key当做object类型// 2、值为null的来源是，数据库表中某些字段没有数据，查询之后直接转为JSON返回过来 if(typeof(obj[key])=='array'|| (typeof(obj[key])=='object' && jsonLen(obj[key]) > 0) ){deep += 3;html += kong(deep) + '[' + key + '] => ';// 递归调⽤本函数html += printObj(obj[key],deep);deep -= 3;}else{html += kong(deep + 3) + '[' + key + '] => ' + obj[key] + '\n';}if (i == len -1) {html += kong(deep) + ")\n";};i++;}return html;}/** 向HTML页⾯追加打印JSON数据 */function p_Obj(obj) {var div = document.getElementById('print-json-html');if (div != null) {document.body.removeChild(div);};var node = document.createElement("div");//创建⼀个div标签node.id = 'print-json-html';node.innerHTML = '<pre>' + printObj(obj) + '</pre>';document.body.appendChild(node);}js打印多维数组的数组长度函数//获取多维数组的数量function getArrNum(arr) {var eleNum = 0;if (arr == null) {return 0;}for (var i = 0; i < arr.length; i++) {for (var j = 0; j < arr[i].length; j++) {eleNum++;}}document.write(eleNum);}以上这篇常⽤原⽣js⾃定义函数总结就是⼩编分享给⼤家的全部内容了，希望能给⼤家⼀个参考，也希望⼤家多多⽀持。
js bom函数
JavaScript的BOM函数详解在JavaScript中，BOM（浏览器对象模型）提供了许多用于与浏览器交互的对象和函数。
这些对象和函数使得JavaScript可以获取浏览器信息，操作浏览器窗口和标签页，以及处理浏览器事件等。
下面是一些常用的BOM函数：1.window.open()：打开一个新的浏览器窗口或标签页。
这个函数可以接受多个参数，包括要打开的URL、窗口名称、窗口大小等。
2.window.close()：关闭当前窗口或标签页。
需要注意的是，这个函数只能关闭由window.open()打开的窗口或标签页。
3.window.location：用于获取或设置当前窗口的URL。
这个对象包含了许多属性，例如href（完整的URL）、pathname（URL中的路径名）等。
4.window.alert()、window.confirm()、window.prompt()：这些函数用于显示对话框，分别用于显示警告框、确认框和提示框。
这些对话框可以包含文本和输入字段，用户可以在其中输入文本或选择选项。
5.window.setTimeout()、window.setInterval()：这些函数用于在指定的时间间隔后执行函数或指定的代码块。
setTimeout()只执行一次，而setInterval()则会每隔指定的时间间隔重复执行。
6.window.scrollTo()、window.scrollBy()：这些函数用于滚动窗口到指定的位置或按指定的距离滚动。
这些函数可以接受坐标参数，例如x坐标和y坐标。
7.window.resizeTo()、window.resizeBy()：这些函数用于改变窗口的大小。
resizeTo()接受一个表示新大小的参数，而resizeBy()则接受一个表示相对于当前大小的增加量或减少量的参数。
以上是BOM中常用的一些函数，它们为JavaScript提供了丰富的浏览器交互功能，使得JavaScript在网页开发中更加灵活和强大。
js 三角函数
js 三角函数
JavaScript三角函数是指使用JavaScript实现的三角函数，它有四个基本函数：sin（），cos（），tan（）和arcsin（）。
这些函数可以用来简化计算三角形的边和角度。
它们可以在任何时候使用，而无需
了解其背后的数学原理。
首先，让我们看看JavaScript的sin（）函数，它返回一个给定角度
的正弦值，而这个角度是以弧度为单位的，所以如果你要传递一个角
度值，你必须先将其转换为弧度，例如将45°转换为π/4 radians。
紧接着，有cos（）函数，它返回一个给定角度的余弦值，这也是以弧度为单位的，它的行为和sin（）一样，只是返回的值不同。
接下来，有tan（）函数，它返回给定角度的正切值，这也是以弧度为单位的，其行为和上面两个函数都一样，只是返回的值不同，它返回
的值比sin（）和cos（）都要大。
最后，还有arcsin（）函数，它返回给定值的反正弦值，即最小角度，这个值也是以弧度为单位的。
它有助于得到一个角度，这个角度的正
弦值等于给定的值。
总结起来，JavaScript的三角函数可以帮助我们计算三角形的边和角度，它的基本函数有sin（），cos（），tan（）和arcsin（），它
们返回的值都是以弧度为单位的，所以我们需要先转换成弧度，再使
用它们。
JS函数种类详解
JS函数种类详解JavaScript中有许多不同种类的函数，每种函数都有其独特的特点和用途。
在本文中，我们将深入探讨JavaScript中常见的几种函数种类，包括普通函数、箭头函数、匿名函数、递归函数和回调函数。
1.普通函数普通函数是最常见的JavaScript函数种类。
通过关键字“function”定义一个函数，并可以指定函数的名称、参数列表和函数体。
普通函数可以在任何需要的地方调用，并且可以返回一个值。
```javascriptfunction add(a, b)return a + b;console.log(add(2, 3)); // 输出结果为5```2.箭头函数箭头函数是ES6中引入的新的函数语法。
它使用“=>”语法来定义函数，省略了关键字“function”，并且可以更简洁地表达函数的定义。
箭头函数通常用于简单的函数表达式。
```javascriptconst subtract = (a, b) => a - b;console.log(subtract(5, 2)); // 输出结果为33.匿名函数匿名函数是没有名称的函数，通常用于一次性的函数调用或作为其他函数的参数。
匿名函数可以直接赋值给变量或作为回调函数传递给其他函数。
```javascriptconst multiply = function(a, b)return a * b;};console.log(multiply(4, 6)); // 输出结果为24```4.递归函数递归函数是一种可以调用自身的函数。
递归函数通常用于解决需要重复执行的问题，如阶乘、斐波那契数列等。
```javascriptfunction factorial(n)if (n === 0)return 1;} elsereturn n * factorial(n - 1);console.log(factorial(5)); // 输出结果为120```5.回调函数回调函数是一种作为参数传递给其他函数的函数。
js 字符串截取函数
js 字符串截取函数JavaScript是一种广泛应用于网页开发中的编程语言，具有强大的字符串处理能力。
在JavaScript中，提供了多种字符串截取函数，用于获取字符串中的指定部分。
本文将详细介绍这些字符串截取函数的用法和注意事项。
1. substr函数substr函数用于从指定位置截取字符串的一部分。
其语法如下：```string.substr(start, length)```其中，start表示截取的起始位置，length表示要截取的长度。
如果省略length参数，则会截取从start位置到字符串末尾的所有字符。
需要注意的是，start参数是从0开始计数的，而length参数可以是负数，表示从字符串末尾开始计数。
2. substring函数substring函数也是用于截取字符串的一部分，其语法如下：```string.substring(start, end)```其中，start表示截取的起始位置，end表示截取的结束位置（不包括该位置的字符）。
需要注意的是，如果start大于end，则substring会自动调换这两个参数的位置。
3. slice函数slice函数也是用于截取字符串的一部分，其语法如下：```string.slice(start, end)```其中，start表示截取的起始位置，end表示截取的结束位置（不包括该位置的字符）。
与substring函数不同的是，slice函数可以接受负数作为参数，表示从字符串末尾开始计数。
4. split函数split函数用于将字符串分割成数组，其语法如下：```string.split(separator, limit)```其中，separator表示用于分割字符串的分隔符，limit表示分割的最大次数。
如果省略limit参数，则会将字符串全部分割。
split 函数会返回一个数组，数组的每个元素是原字符串被分割后的部分。
5. replace函数replace函数用于将字符串中的指定部分替换为新的内容，其语法如下：```string.replace(searchValue, replaceValue)```其中，searchValue表示要被替换的部分，replaceValue表示替换后的新内容。
js正则表达式常用函数详解
js正则表达式常⽤函数详解⼀、js正则表达式之replace函数⽤法：函数功能：replace函数返回根据正则表达式进⾏⽂字替换后的字符串的复制。
函数格式：stringObj.replace(rgExp, replaceText)参数：字符串stringObj，rgExp正则表达式，replaceText所替换的内容本模块涉及的内容包括字符串创建，正则表达式隐式创建对象，创建正则表达式，进⾏replace⽅法的使⽤匹配⽰例代码：<html><script language="javascript" type="text/javascript">//要替换的字符串的内容var objStr=new String("Designed By Androidyue");//隐式创建正则表达式对象var reG=/e/w?/g;//全局匹配(g为全局匹配参数)，匹配e或者e？内容var re=/e/w?/;//没有指定参数，值进⾏⼀次匹配with(document){write("进⾏匹配前的字符串"+objStr+"<br>");write("进⾏了全局匹配的字符串"+objStr.replace(reG,"**")+"<br>");write("进⾏匹配，没有指定参数值进⾏⼀次匹配"+objStr.replace(re,"××"));}</script></html>⼆、js正则表达式之test函数⽤法功能介绍：该⽅法的返回值是布尔值，通过该值可以匹配字符串中是否存在于正则表达式相匹配的结果，如果有匹配内容，返回ture，如果没有匹配内容返回false，该⽅法常⽤于判断⽤户输⼊数据的合法性，⽐如检验Email的合法性基本语法：objReg.test(objStr)objReg 必选项 RegExp对象名称objStr 要进⾏匹配检测的字符串⽰例代码：<html><script language="javascript" type="text/javascript">/*Designed By Androidyue*//*功能：检测Email地址的合法性*/function checkEmail(){//获取⽂本框中⽤户输⼊Email的信息var objStr=document.getElementById("email").value;//设置匹配Email的正则表达式var objReg=//w+[@]{1}/w+[.]/w+/;//document.write(objStr);//如果判断字符串中是否存在匹配内容，如果存在提⽰正确信息，否则返回错误if(objReg.test(objStr)){alert("该Email地址是合法的!");}else{alert("该Email地址是⾮法的!");}}</script><body>请输⼊Email地址：<input type="text" id="email"><!--设置Email输⼊框--><input type="button" value="检测合法性" onclick="checkEmail()"><!--设置按钮⽤于出发检测Email合法性事件--></body></html>三、js正则表达式之match函数⽤法函数功能：使⽤正则表达式模式对字符串执⾏查找，并将包含查找的结果作为数组返回函数格式：stringObj.match(rgExp) stringObj为字符串必选 rgExp为正则表达式必选项返回值：如果能匹配则返回结果数组，如果不能匹配返回null<html><script language="javascript" type="text/javascript">//使⽤正则表达式模式对字符串执⾏查找，并将包含查找的结果作为数组返回var objStr=new String("Yue I love you till the end of my life!");var re=//wo(/w+)?/g;//该表达式⽤来匹配⼀个以/w代表的字符，第⼆个字符是o,后⾯有⼀个字符或者多个字符+表⽰前⾯的字符匹配的次数,全局匹配var arr=objStr.match(re);//调⽤match⽅法匹配字符串并且如果存在返回数组，如果没有结果返回为nulldocument.write("匹配前的字符串:"+objStr+"<br>");//输出匹配前的字符串if(arr!=null){//如果能匹配成功即arr数组不为空，循环输出结果for(var i=0;i<arr.length;i++){document.write("<li>"+arr[i]);}}</script></html>四、js正则表达式之search⽅法讲解功能：返回与正则表达式查找内容匹配的第⼀个⼦字符串的位置语法：stringObj.search(rgExp) stringObj 必选项 rgExp正则表达式返回值：search ⽅法指明是否存在相应的匹配。
js布尔函数
js布尔函数
JS布尔函数是一类返回布尔值的函数，其返回值为true或false。
在JS中，布尔函数的使用非常广泛，常用于逻辑判断和条件控制。
例如，在表单验证中，我们可以使用布尔函数来判断用户输入是否合法；在程序中，我们也可以使用布尔函数来判断某个条件是否成立，从而执行不同的操作。
JS中的布尔函数包括以下几种：
1. 比较函数：例如'=='、'>'、'<'等，用于比较两个值的大小
或者是否相等。
2. 逻辑函数：例如'&&'、'||'、'!'等，用于连接两个或多个布尔值，产生新的布尔值。
3. 类型函数：例如'typeof'、'instanceof'等，用于判断一个
值的类型。
4. 条件函数：例如'?'、':'等，用于根据条件返回不同的值。
在使用布尔函数时，需要注意一些常见的问题。
例如，布尔函数的运算顺序、短路运算、类型转换等。
正确使用布尔函数可以提高代码的效率和可读性，让代码更加健壮和易维护。
- 1 -。
js中常用的函数
js中常用的函数JavaScript是一种广泛使用的编程语言，它具有许多常用的函数，这些函数可以帮助开发人员更轻松地完成任务。
在本文中，我们将介绍一些常用的JavaScript函数。
1. alert()alert()函数用于在浏览器中显示一个警告框，通常用于向用户显示一些重要的信息。
例如，当用户忘记填写必填字段时，可以使用alert()函数来提醒他们。
2. prompt()prompt()函数用于在浏览器中显示一个提示框，通常用于向用户询问一些信息。
例如，当用户需要输入他们的姓名时，可以使用prompt()函数来获取这些信息。
3. console.log()console.log()函数用于在浏览器的控制台中输出一些信息，通常用于调试JavaScript代码。
例如，当开发人员需要查看变量的值时，可以使用console.log()函数来输出这些值。
4. parseInt()parseInt()函数用于将字符串转换为整数。
例如，当开发人员需要将用户输入的字符串转换为数字时，可以使用parseInt()函数来完成这个任务。
5. parseFloat()parseFloat()函数用于将字符串转换为浮点数。
例如，当开发人员需要将用户输入的字符串转换为小数时，可以使用parseFloat()函数来完成这个任务。
6. Math.random()Math.random()函数用于生成一个随机数。
例如，当开发人员需要在游戏中生成一个随机数时，可以使用Math.random()函数来完成这个任务。
7. Math.round()Math.round()函数用于将一个数字四舍五入为最接近的整数。
例如，当开发人员需要将一个小数四舍五入为整数时，可以使用Math.round()函数来完成这个任务。
8. String.fromCharCode()String.fromCharCode()函数用于将Unicode编码转换为字符。
js 函数类型
js 函数类型摘要：一、引言二、JS 函数类型的概念1.函数声明2.函数表达式3.箭头函数三、JS 函数类型的特点1.函数声明的返回值2.函数表达式的返回值3.箭头函数的返回值四、JS 函数类型的应用场景1.函数声明的应用场景2.函数表达式的应用场景3.箭头函数的应用场景五、总结正文：一、引言JavaScript（简称JS）是一种广泛应用于网页开发的编程语言。
在JS 中，函数类型是非常重要的一个概念，它可以帮助我们实现代码的模块化和重用。
本文将详细介绍JS 函数类型的相关知识。
二、JS 函数类型的概念1.函数声明函数声明是定义一个函数的基本方式，它的语法格式如下：```function 函数名(参数1, 参数2, ...) {// 函数体}```1.函数表达式函数表达式是将一个函数赋值给一个变量，它的语法格式如下：```let 函数名= function(参数1, 参数2, ...) {// 函数体};```1.箭头函数箭头函数是ES6（ECMAScript 2015）中引入的一种新的函数表达方式，它的语法格式如下：```const 函数名= (参数1, 参数2, ...) => {// 函数体};```三、JS 函数类型的特点1.函数声明的返回值函数声明的返回值是可选的，当函数体有返回值时，可以将返回值赋给一个变量或者直接返回。
```function add(a, b) {return a + b;}```2.函数表达式的返回值函数表达式的返回值是自动的，当函数体有返回值时，可以直接返回。
```let multiply = function(a, b) {return a * b;};```3.箭头函数的返回值箭头函数的返回值是自动的，当函数体有返回值时，可以直接返回。
```const divide = (a, b) => a / b;```四、JS 函数类型的应用场景1.函数声明的应用场景函数声明主要用于定义独立的函数，可以将相关功能封装在一起，方便调用和复用。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
25.取出窗体中的所有表单的数量:document.forms.length
26.关闭文档的输出流:document.close();
27.字符串追加连接符:+=
28.创建一个文档元素:document.createElement(),document.createTextNode()
29.得到元素的方法:document.getElementById()
77.JS中提出是否确认的框:if(confirm("Are you sure?")){alert("ok");}else{alert("Not Ok");}
78.JS中的窗口重定向:window.navigate("");
79.JS中的打印:window.print()
70.添加到收藏夹:external.AddFavorite("","jaskdlf");
71.JS中遇到脚本错误时不做任何操作:window.onerror = doNothing; 指定错误句柄的语法为:window.onerror = handleError;
33.单选按钮组判断是否被选中也是用checked.
34.下拉列表框的值:document.forms[0].selectName.options[n].value (n有时用下拉列表框名称加上.selectedIndex来确定被选中的值)
35.字符串的定义:var myString = new String("This is lightsword");
20.状态栏的设置:window.status="字符";
21.弹出提示信息:window.alert("字符");
22.弹出确认框:window.confirm();
23.弹出输入提示框:window.prompt();
24.指定当前显示链接的位置:window.location.href="URL"
50.指定在不支持脚本的浏览器显示的HTML:<noscript></noscript>
51.当超链和ONCLICK事件ห้องสมุดไป่ตู้有时,则老版本的浏览器转向a.html,否则转向b.html.例:<a href="a.html" onclick="location.href='b.html';return false">dfsadf</a>
12.JS中的比较操作符有:==等于,!=不等于,>,>=,<.<=
13.JS中声明变量使用:var来进行声明
14.JS中的判断语句结构:if(condition){}else{}
15.JS中的循环结构:for([initial expression];[condition];[upadte expression]) {inside loop}
43.FRAME的表示方式: [window.]frames[n].ObjFuncVarName,frames["frameName"].ObjFuncVarName,frameName.ObjFuncVarName
44.parent代表父亲对象,top代表最顶端对象
45.打开子窗口的父窗口为:opener
}
}
31.复选按钮在JS中判断是否选中:document.forms[0].checkThis.checked (checked属性代表为是否选中返回TRUE或FALSE)
32.单选按钮组(单选按钮的名称必须相同):取单选按钮组的长度document.forms[0].groupName.length
46.表示当前所属的位置:this
47.当在超链接中调用JS函数时用:(javascript:)来开头后面加函数名
48.在老的浏览器中不执行此JS:<!-- //-->
49.引用一个文件式的JS:<script type="text/javascript" src="aaa.js"></script>
1.document.write("");为 输出语句
2.JS中的注释为//
3.传统的HTML文档顺序是:document->html->(head,body)
4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)
16.循环中止的命令是:break
17.JS中的函数定义:function functionName([parameter],...){statement[s]}
18.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替.
19.窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self
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
55.JS中的all代表其下层的全部元素
56.JS中的焦点顺序:document.getElementByid("表单元素").tabIndex = 1
57.innerHTML的值是表单元素的值:如<p id="para">"how are <em>you</em>"</p>,则innerHTML的值就是:how are <em>you</em>
7.JS中的值类型:String,Number,Boolean,Null,Object,Function
8.JS中的字符型转换成数值型:parseInt(),parseFloat()
9.JS中的数字转换成字符型:(""+变量)
10.JS中的取字符串长度是:(length)
11.JS中的字符与字符相连接使用+号.
62.addBehavior()是一种JS调用的外部函数文件其扩展名为.htc
63.window.focus()使当前的窗口在所有窗口之前.
64.blur()指失去焦点.与FOCUS()相反.
65.select()指元素为选中状态.
66.防止用户对文本框中输入文本:onfocus="this.blur()"
39.取出字符串中指定起点和终点的子字符串:stringA.substring(2,6);
40.数学函数:Math.PI(返回圆周率),Math.SQRT2(返回开方),Math.max(value1,value2)返回两个数中的最在值,Math.pow(value1,10)返回value1的十次方,Math.round(value1)四舍五入函数,Math.floor(Math.random()*(n+1))返回随机数
72.JS中指定当前打开窗口的父窗口:window.opener,支持opener.opener...的多重继续.
73.JS中的self指的是当前的窗口
74.JS中状态栏显示内容:window.status="内容"
75.JS中的top指的是框架集中最顶层的框架
76.JS中关闭当前的窗口:window.close();
67.取出该元素在页面中出现的数量:document.all.tags("div(或其它HTML标记符)").length
68.JS中分为两种窗体输出:模态和非模态.window.showModaldialog(),window.showModeless()
69.状态栏文字的设置:window.status='文字',默认的状态栏文字设置:window.defaultStatus = '文字.';
30.设置表单中所有文本型的成员的值为空:
var form = window.document.forms[0]
for (var i = 0; i<form.elements.length;i++){
if (form.elements[i].type == "text"){
form.elements[i].value = "";
58.innerTEXT的值和上面的一样,只不过不会把<em>这种标记显示出来.
59.contentEditable可设置元素是否可被修改,isContentEditable返回是否可修改的状态.