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函数⼤全onkeypress 事件定义和⽤法onkeypress 事件会在键盘按键被按下并释放⼀个键时发⽣。
语法:onkeypress="SomeJavaScriptCode"提⽰和注释浏览器差异:Internet Explorer 使⽤ event.keyCode 取回被按下的字符,⽽ Netscape/Firefox/Opera 使⽤ event.which。
实例在本例中,⽤户⽆法在输⼊框中键⼊数字:<html><body><script type="text/javascript">function noNumbers(e){var keynumvar keycharvar numcheckif(window.event) // IE{keynum = e.keyCode}else if(e.which) // Netscape/Firefox/Opera{keynum = e.which}keychar = String.fromCharCode(keynum)numcheck = /\d/return !numcheck.test(keychar)}</script><form><input type="text" onkeypress="return noNumbers(event)" /></form></html>JavaScript fromCharCode() ⽅法定义和⽤法fromCharCode() 可接受⼀个指定的 Unicode 值,然后返回⼀个字符串。
实例在本例中,我们将根据 Unicode 来输出 "HELLO" 和 "ABC":<script type="text/javascript">document.write(String.fromCharCode(72,69,76,76,79))document.write("<br />")document.write(String.fromCharCode(65,66,67))</script>以上代码的输出:HELLOABC。
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常用函数及用法
javascript常用函数及用法随机数生成器Math.random()装换为整数parseInt()日期时间函数(需要用变量调用):var d = new Date(); //获取当前时间d.getTime() //获取时间戳d.getFullYear() //获取年份d.getMonth()+1; //获取月份d.getDate() //获取天d.getHours() //获取小时d.getMinutes() //获取分钟d.getSeconds() //获取秒数d.getDay() //获取星期几d.getMilliseconds() //获取毫秒数学函数(用Math来调用):abs(x) 返回数的绝对值。
ceil(x) 对小数进行上舍入。
floor(x) 对数进行下舍入。
round(x) 把数四舍五入为最接近的整数。
max(x,y) 返回x 和y 中的最高值。
min(x,y) 返回x 和y 中的最低值。
pow(x,y) 返回x 的y 次幂。
sqrt(x) 返回数的平方根。
random() 返回0 ~ 1 之间的随机数。
****字符串函数(用变量来调用):indexOf返回字符串中一个子串第一处出现的索引(从左到右搜索)。
如果没有匹配项,返回-1 。
var index1 = a.indexOf("l");//index1 = 2charAt返回指定位置的字符。
var get_char = a.charAt(0);//get_char = "h"lastIndexOf返回字符串中一个子串最后一处出现的索引(从右到左搜索),如果没有匹配项,返回-1 。
var index1 = lastIndexOf('l');//index1 = 3match检查一个字符串匹配一个正则表达式内容,如果么有匹配返回null。
var re = new RegExp(/^\w+$/);var is_alpha1 = a.match(re);//is_alpha1 = "hello"var is_alpha2 = b.match(re);//is_alpha2 = nullsubstring返回字符串的一个子串,传入参数是起始位置和结束位置。
JS所有函数集合.docx
JS所有函数集合The lick () object .Click () causes the object to be clicked.Closed object,・Closed object window is closed, true/false ClearTimeout (object) clears the setTimeout object that has been set ClearInterval (object) clears the setinterval object that has been setConfirm (tooltip) pops up the confinnation box to confirm true returns and returns falseCursor: styles change mouse styles, hand, crosshair, text, wait, help, default, auto, e/s/w/n-resizeEve nt. clientX returns the last click of the mouse X coordinate value; Eve nt. die ntY retu rns the last click of the mouse Y coordinate value; Event.offsetX returns the current hover X coordinate valueEvent.offsetY returns the current hover Y coordinate valueLast update time of document .write (document ・lastModif ied) web page Document. ondblclick=x generates events when double clickingthe mouseDocument. onmousedown二x click the mouse button to generate an eventDocument・ body. scrollTop; returns and sets the coordinate value of the current vertical scroll bar, which must be coordinated with the function,Document・body. scrollLeft; returns and sets the coordinate value of the current horizontal scroll transaction, which must be coordinated with the function,Document・ title document・ title二"message"; the title bar of the current windowDocument .bgcolor document・bgcolor二"color value"; change the window background colorDocument・Fgeolor document・Fgcolor= color values; change the text colorDocument・ linkcolor document.1 inkcolor二color value; change the join colorDocument.alinkcolor document.alinkcolor二color value; change the color of the clicked joinDocument・VlinkColor document・VlinkColor= color value; changes the color of the access connectionDocument. forms・length returns the singular number of the current page form tableDocument・ anchors・ length returns the number of anchor pages in the current pageDocument・ links・ length returns the number of connections to the current pageDocument.onmousedown=x click the mouse to trigger the eventDocument.ondblclick二x double click the mouse to trigger the eventDefaultstatus window. status二defaultstatus; sets the default display of the status barThe function, function, XX () {・・・} defines the functionThe isNumeric determines whether it is a numberThe inn er HTML xx 二object ・ InnerHTML enters the HTML source code in an object tagInnerText divid. innerText二xx will be positioned by div, and the object value named ID is set to XXLocation. reload ()・Refresh this page・Target is equal to a refreshed web pageMath・ random () random number,Only between 0 and 1, if you want to get the other number, can be *10, and then roundingMath・floor (number) turns the object number into integers, giving up all decimalsMath .min (1,2) returns 1, 2 which small?Math .max (1, 2) returns 1, 2 which big?Navigator・ appName returns the current browser nameNavigator.appVersion returns the current browser version number Navigator・ appCodeName returns the name of the current browser code Navigator・userAgent returns the current browser user generation flagOn submit onsubmit= ''return (XX ())〃returns the value using the functionThe opener opener・ document・ object controls the original open form objectPrompt xx二window .prompt (prompt information, predetermined value); input statementReturn return false return valueRandom random arguments (between 0 and 1)Reset () form, reset (); resets the data in the form formSplit (“)“ string .split 〃(“ “)separates string object characters from commasThe submit () form object・ Submit () causes the form object to submitthe dataThe charAt (x) object of the String object returns the number of letters of the specified objectLastlndexOf ("string") seeks the specified character from right to left, without returning -1IndexOf ("string") seeks the specified character from left to right without returning -1LowerCase () turns all objects into lowercaseUppercase () turns all the objects into uppercaseSubstring (0,5) string・substring (x, x) returns characters from 0 to 5 in the objectSetTimeout ("function", sets a timeout object Setinterval ("function", 〃time〃) sets a timeout objectToLocaleString () x.toLocaleString () takes the time from the x time object and exists in string typeTypeof (variable name) checks the types of variables, values: String, Boolean, Object, Function, UnderfinedWindow .event ・button==l/2/3 mouse button, left key equal to 1, right key equal to 2, two keys press 3Window .screen. availWidth returns the width of the current screen (blank space)Window .screen. availHeight returns the height of the current screen (blank space)Window .screen. width returns the width of the current screen (resolution value)Window. screen. height returns the height of the current screen (resolution value)Window .document・body. offsetHeight; returns the current page heightWindow .document .body. offsetWidth; returns the current page width Window. resizeTo (0,0) sets the window wideWindow. moveTo (0), 0) move the window to a locationWindow.focus () causes the current window to focusWindow. scroll (x, y) window scroll bar coordinates, y controlMenubar (menu bar), scrollbar (scroll bar), resizable (change size), width (width), height (high), fullscreen (all)Screen), scrollbars (full screen, no scroll bar, no parameters, channelmode (Widescreen), left (open window, x coordinates), top (open window, y coordinates)Window. location 二'view-source+ window, location・ href application events view web source code;A二new Date (a); / / create a new dateY=a. getYear (); the value of //y is to obtain the year value from the object a, the two digit number of the year(yl二a. getFullYear); / / get a four digit year throughout the year(m=a. getMonth); / / get the value of the month(d=a. getDate); / / get the date value(dl=a・ getDay); / / get the current value of the week(h=a. getHours); / / get the current number of hours(ml=a・ getMinutes); / / get the current number of minutes(s二a. getSeconds); / / get the current number of secondsObject.Style・fontSize二"text size"";Units: iiun/cm/in inch, /pc PA, /pt point, /px pixel, /em text high lin二 1. 25cmlpc二12ptlpt=l. 2px (800*600 resolution)Text font properties:FontSize sizeFamily fontsColor colorFontStyle style, values normal, italic italic, oblique italic and bold FontWeight bold, ranging from 100 to 900, 900 max, light, normal, boldLetterSpacing spacing, change the distance between words, take the value of, lpt, lOpx, lcmTextDecoration: text modifiers; values, none, underline, underline, overlineBackground: text background color,Backgroundimage: background image, take the insertion path of the pictureClick on the page body function to call the trigger:l.onClick when objects are clicked2.onLoad when the page is open, it can only be written in body3.onUnload when pages are closed or left, they can only be written in body4.oninouseover when the mouse is hanging over it5.onmouseout when the mouse leaves the object6.oninouseup when the mouse is released7.onmousedown when the mouse presses the key8.onFocus when the object gets focus9.onSelect when the text of the object is selected10.onChange when the contents of the object are changed Elevenonblur当对象失去焦点onsubmit二return (ss)()表单调用时返回的值直线border bottom: solid black lx虚线border bottom: dotted lx black点划线border bottom: 2x dashed black双线border bottom: 5x double black槽状border bottom: lx groove black脊状border bottom: lx black ridge1 •边缘高光glow (color =颜色,strength二亮光大小)js打卬插件常用参数webbrowser・ execwb (1, 1)打开webbrowser, execwb (2, 1)关闭现在所有的ie窗口,并打开一个新窗口webbrowser, execwb (45, 1)关闭窗体无提示。
js常见函数
js常见函数1. console.log() - 输出日志信息2. alert() - 弹出警告对话框3. prompt() - 提示用户输入信息,返回用户输入的字符串4. confirm() - 弹出确认对话框,用户点击确定或取消按钮,返回布尔值5. parseFloat() - 把字符串转换成浮点数6. parseInt() - 把字符串转换成整数7. String() - 把任意类型的变量转换成字符串8. Math.random() - 生成0到1之间的随机数9. Math.ceil() - 向上取整10. Math.floor() - 向下取整11. Math.sqrt() - 计算平方根12. isNaN() - 判断变量是否为非数字13. decodeURIComponent() - 解码URL编码的字符串14. encodeURI() - 对URL进行编码,用于传递参数15. Array() - 创建数组对象16. push() - 把一个或多个元素添加到数组末尾17. pop() - 移除并返回数组的最后一个元素18. shift() - 移除并返回数组的第一个元素19. unshift() - 把一个或多个元素添加到数组的开头20. splice() - 通过删除或替换现有元素来修改数组21. slice() - 从数组中返回指定位置的元素22. join() - 把数组的所有元素放入一个字符串23. sort() - 对数组进行排序24. reverse() - 对数组进行倒序排列25. Object() - 创建对象26. delete() - 删除对象的属性27. hasOwnProperty() - 判断对象是否存在该属性,返回布尔值28. typeof() - 返回变量的数据类型。
JS常用工具函数大全
JS常用工具函数大全Javascript作为一门广泛应用于前端开发的脚本语言,拥有丰富的工具函数,可以帮助开发人员更高效地编写代码。
本文将介绍一些常用的JS工具函数,以助于读者更好地理解和应用它们。
1. 类型判断函数在JS中,我们常常需要判断一个变量的类型,以便在逻辑判断或操作中做出正确的选择。
下面是一些常用的判断函数:- `typeof`:判断一个变量的类型,返回一个字符串,如`typeof 42`将返回`"number"`。
- `isArray`:判断一个变量是否为数组,返回布尔值,如`Array.isArray([1, 2, 3])`将返回`true`。
- `isObject`:判断一个变量是否为对象,返回布尔值,如`isObject({})`将返回`true`。
2. 字符串处理函数字符串是JS中常用的数据类型之一,在处理字符串时,我们可以使用以下函数:- `toUpperCase`:将字符串转换为大写,如`"hello".toUpperCase()`将返回`"HELLO"`。
- `toLowerCase`:将字符串转换为小写,如`"HELLO".toLowerCase()`将返回`"hello"`。
- `trim`:去除字符串两端的空格,如`" hello ".trim()`将返回`"hello"`。
3. 数组处理函数数组是JS中常用的数据结构之一,我们经常需要对数组进行操作。
以下是一些常用的数组处理函数:- `push`:向数组中添加一个元素,并返回新的数组长度,如`[0, 1, 2].push(3)`将返回`4`。
- `pop`:从数组中删除最后一个元素,并返回该元素的值,如`[0, 1, 2].pop()`将返回`2`。
- `slice`:从数组中提取一部分元素,返回一个新的数组,如`[0, 1, 2, 3, 4].slice(1, 3)`将返回`[1, 2]`。
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常用函数范文JavaScript是一种用于网页开发的脚本语言,具有丰富的内置函数。
下面是一些常用的JavaScript函数,它们可以帮助开发人员在项目中实现各种功能。
1. document.getElementById(id): 通过元素的id获取DOM节点。
3. document.getElementsByClassName(className): 通过类名获取DOM节点列表。
4. document.createElement(tagName): 创建一个新的DOM元素节点。
5. element.appendChild(childElement): 在元素的最后一个子节点后面插入一个新的子节点。
6. element.removeChild(childElement): 从一个元素中删除一个子节点。
7. element.setAttribute(attribute, value): 设置元素的属性。
8. element.getAttribute(attribute): 获取元素的属性值。
9. element.style.property = value: 设置元素的CSS样式属性。
10. element.innerHTML: 获取或设置元素的HTML内容。
11. element.innerText: 获取或设置元素的文本内容。
12. element.addEventListener(event, function): 给元素添加一个事件监听器。
13. element.removeEventListener(event, function): 移除元素的事件监听器。
14. Array.isArray(array): 检查一个对象是否是数组。
15. Array.from(array-like): 将一个类数组对象转换为真正的数组。
16. Array.prototype.concat(array): 合并两个或多个数组。
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编码转换为字符。
javascript函数大全
javascript函数大全abs 方法返回一个数的绝对值。
acos 方法返回一个数的反余弦。
anchor 方法在对象的指定文本两端加上一个带 NAME 属性的 HTML 锚点。
asin 方法返回一个数的反正弦。
atan 方法返回一个数的反正切。
atan2 方法返回从 X 轴到点(y, x)的角度(以弧度为单位)。
atEnd 方法返回一个表明枚举算子是否处于集合结束处的 Boolean 值。
big 方法在String 对象的文本两端加入 HTML 的<BIG>标识。
blink 方法将 HTML 的 <BLINK> 标识添加到 String 对象中的文本两端。
bold 方法将 HTML 的 <B> 标识添加到String 对象中的文本两端。
ceil 方法返回大于或等于其数值参数的最小整数。
charAt 方法返回位于指定索引位置的字符。
charCodeAt 方法返回指定字符的 Unicode 编码。
compile 方法将一个正则表达式编译为内部格式。
concat 方法(Array)返回一个由两个数组合并组成的新数组。
concat 方法(String)返回一个包含给定的两个字符串的连接的 String 对象。
cos 方法返回一个数的余弦。
dimensions 方法返回 VBArray 的维数。
escape 方法对 String 对象编码,以便在所有计算机上都能阅读。
eval 方法对 JScript 代码求值然后执行之。
exec 方法在指定字符串中执行一个匹配查找。
exp 方法返回 e (自然对数的底)的幂。
fixed 方法将 HTML 的<TT> 标识添加到String 对象中的文本两端。
floor 方法返回小于或等于其数值参数的最大整数。
fontcolor 方法将 HTML 带 COLOR 属性的<FONT>标识添加到 String 对象中的文本两端。
js 数组高级函数
js 数组高级函数JavaScript中有许多高级函数可用于处理数组。
下面我将从不同的角度介绍一些常用的高级函数。
1. map():map()函数用于对数组中的每个元素执行相同的操作,并返回一个新的数组。
它可以接受一个回调函数作为参数,该函数可以对每个元素进行处理。
例如:javascript.const numbers = [1, 2, 3, 4, 5];const squaredNumbers = numbers.map(num => num num);console.log(squaredNumbers); // 输出,[1, 4, 9, 16, 25]2. filter():filter()函数用于根据指定的条件筛选数组中的元素,并返回一个新的数组。
它也接受一个回调函数作为参数,该函数返回true或false来决定是否保留元素。
例如:javascript.const numbers = [1, 2, 3, 4, 5];const evenNumbers = numbers.filter(num => num % 2 === 0);console.log(evenNumbers); // 输出,[2, 4]3. reduce():reduce()函数用于对数组中的元素进行累积计算,并返回一个结果。
它接受一个回调函数和一个初始值作为参数。
回调函数接受两个参数,累积值和当前值,并返回一个新的累积值。
例如:javascript.const numbers = [1, 2, 3, 4, 5];const sum = numbers.reduce((acc, num) => acc + num, 0);console.log(sum); // 输出,15。
4. forEach():forEach()函数用于对数组中的每个元素执行指定的操作,没有返回值。
它接受一个回调函数作为参数,该函数对每个元素进行处理。
javascript函数大全 集合
一、函数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,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. ObjFuncVarName44.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>function fullScreen(){ this.moveTo(0,0); this.outerWidth=screen.availWidth;this.outerHeight=screen.availHeight;}window.m aximize=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("","jaskdlf");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),pat hname("/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开始计算)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,定义变量的关键字:var108.isNaN()是JavaScript 的内部函数,对参数进行运算,判断其是否为非数字。
JS常用函数全解
javascript事件查询综合click() 对象.click() 使对象被点击。
closed 对象.closed 对象窗口是否已关闭true/falseclearTimeout(对象) 清除已设置的setTimeout对象clearInterval(对象) 清除已设置的setInterval对象confirm("提示信息") 弹出确认框,确定返回true取消返回falsecursor:样式更改鼠标样式hand crosshair text wait help default auto e/s/w/n-resizeevent.clientX 返回最后一次点击鼠标X坐标值;event.clientY 返回最后一次点击鼠标Y坐标值;event.offsetX 返回当前鼠标悬停X坐标值event.offsetY 返回当前鼠标悬停Y坐标值document.write(stModified) 网页最后一次更新时间document.ondblclick=x 当双击鼠标产生事件document. 单击鼠标键产生事件document.body.scrollTop; 返回和设置当前竖向滚动条的坐标值,须与函数配合, document.body.scrollLeft; 返回和设置当前横向滚动务的坐标值,须与函数配合,document.title document.title="message"; 当前窗口的标题栏文字document.bgcolor document.bgcolor="颜色值"; 改变窗口背景颜色document.Fgcolor document.Fgcolor="颜色值"; 改变正文颜色document.linkcolor document.linkcolor="颜色值"; 改变超联接颜色document.alinkcolor document.alinkcolor="颜色值"; 改变正点击联接的颜色document.VlinkColor document.VlinkColor="颜色值"; 改变已访问联接的颜色document.forms.length 返回当前页form表单数document.anchors.length 返回当前页锚的数量document.links.length 返回当前页联接的数量document. 单击鼠标触发事件document.ondblclick=x 双击鼠标触发事件defaultStatus window.status=defaultStatus; 将状态栏设置默认显示function function xx(){...} 定义函数isNumeric 判断是否是数字innerHTML xx=对象.innerHTML 输入某对象标签中的html源代码innerText divid.innerText=xx 将以div定位以id命名的对象值设为XXlocation.reload(); 使本页刷新,target可等于一个刷新的网页Math.random() 随机涵数,只能是0到1之间的数,如果要得到其它数,可以为*10,再取整Math.floor(number) 将对象number转为整数,舍取所有小数Math.min(1,2) 返回1,2哪个小Math.max(1,2) 返回1,2哪个大navigator.appName 返回当前浏览器名称navigator.appVersion 返回当前浏览器版本号navigator.appCodeName 返回当前浏览器代码名字erAgent 返回当前浏览器用户代标志onsubmit onsubmit="return(xx())" 使用函数返回值opener opener.document.对象控制原打开窗体对象prompt xx=window.prompt("提示信息","预定值"); 输入语句parent parent.框架名.对象控制框架页面return return false 返回值random 随机参数(0至1之间)reset() form.reset(); 使form表单内的数据重置split("") string.split("") 将string对象字符以逗号隔开submit() form对象.submit() 使form对象提交数据String对象的charAt(x)对象反回指定对象的第多少位的字母lastIndexOf("string") 从右到左询找指定字符,没有返回-1indexOf("string") 从左到右询找指定字符,没有返回-1LowerCase() 将对象全部转为小写UpperCase() 将对象全部转为大写substring(0,5) string.substring(x,x) 返回对象中从0到5的字符setTimeout("function",time) 设置一个超时对象setInterval("function",time) 设置一个超时对象toLocaleString() x.toLocaleString() 从x时间对象中获取时间,以字符串型式存在typeof(变量名) 检查变量的类型,值有:String,Boolean,Object,Function,Underfinedwindow.event.button==1/2/3 鼠标键左键等于1右键等于2两个键一起按为3window.screen.availWidth 返回当前屏幕宽度(空白空间)window.screen.availHeight 返回当前屏幕高度(空白空间)window.screen.width 返回当前屏幕宽度(分辨率值)window.screen.height 返回当前屏幕高度(分辨率值)window.document.body.offsetHeight; 返回当前网页高度window.document.body.offsetWidth; 返回当前网页宽度window.resizeTo(0,0) 将窗口设置宽高window.moveTo(0,0) 将窗口移到某位置window.focus() 使当前窗口获得焦点window.scroll(x,y) 窗口滚动条坐标,y控制上下移动,须与函数配合window.open() window.open("地址","名称","属性")属性:toolbar(工具栏),location(地址栏),directions,status(状态栏),menubar(菜单栏),scrollbar(滚动条),resizable(改变大小), width(宽),height(高),fullscreen(全屏),scrollbars(全屏时无滚动条无参数,channelmode(宽屏),left(打开窗口x坐标),top(打开窗口y坐标)window.location = 'view-source:' + window.location.href 应用事件查看网页源代码;a=new Date(); //创建a为一个新的时期对象y=a.getYear(); //y的值为从对象a中获取年份值两位数年份y1=a.getFullYear(); //获取全年份数四位数年份m=a.getMonth(); //获取月份值d=a.getDate(); //获取日期值d1=a.getDay(); //获取当前星期值h=a.getHours(); //获取当前小时数m1=a.getMinutes(); //获取当前分钟数s=a.getSeconds(); //获取当前秒钟数对象.style.fontSize="文字大小";单位:mm/cm/in英寸/pc帕/pt点/px象素/em文字高1in=1.25cm1pc=12pt1pt=1.2px(800*600分辩率下)文本字体属性:fontSize大小family字体color颜色fontStyle风格,取值为normal一般,italic斜体,oblique斜体且加粗fontWeight加粗,取值为100到900不等,900最粗,light,normal,boldletterSpacing间距,更改文字间距离,取值为,1pt,10px,1cmtextDecoration:文字修饰;取值,none不修饰,underline下划线,overline上划线background:文字背景颜色,backgroundImage:背景图片,取值为图片的插入路径点击网页正文函数调用触发器:1.onClick 当对象被点击2.onLoad 当网页打开,只能书写在body中3.onUnload 当网页关闭或离开时,只能书写在body中4. 当鼠标悬于其上时5. 当鼠标离开对象时6. 当鼠标松开7. 当鼠标按下键8.onFocus 当对象获取焦点时9.onSelect 当对象的文本被选中时10.onChange 当对象的内容被改变11.onBlur 当对象失去焦点onsubmit=return(ss())表单调用时返回的值直线border-bottom:1x solid black虚线border-bottom:1x dotted black点划线border-bottom:2x dashed black双线border-bottom:5x double black槽状border-bottom:1x groove black脊状border-bottom:1x ridge black1.边缘高光glow(color=颜色,strength=亮光大小)<br/>2.水平翻转fliph() 使对象水平翻转180度<br/>3.垂直翻转flipv() 使对象垂直翻转180度<br/>4.对象模糊blur(add=true/false direction=方向strength=强度)add指定是否按印象画派进行模糊direction模糊方向strength模糊强度5.对象透明alpha(opaction=0-100,finishopacity=0-100,style=0/1/2/3)opaction对象整体不透明值finishopacity当对象利用了渐透明时该项指定结束透明位置的不透明值style指定透明方式0为整体透明,1为线型透明,2为圆型透明,3为矩形透明6.去除颜色chroma(color=颜色值)使对象中颜色与指定颜色相同区域透明7.建立阴影dropshadow(color=阴影颜色,offx=水平向左偏离像素,offy=水平向下偏离像素)8.去色gray()使对象呈灰度显示9.负片效果invert()使对象呈底片效果10.高光light()使对象呈黑色显示11.遮盖mask(color=颜色)使整个对象以指定颜色进行蒙板一次opacity 表透明度水平.0~100,0表全透明,100表完全不透明finishopacity表想要设置的渐变透明效果.0~100.style 表透明区的形状.0表统一形状.1表线形.2表放射形.3表长方形.startx.starty表渐变透明效果的开始时X和Y坐标.finishx,finishy渐变透明效果结束时x,y 的坐标.add有来确定是否在模糊效果中使有原有目标.值为0,1.0表"否",1表"是".direction设置模糊的方向.0度表垂直向上,45度为一个单位.默认值是向左270度.left,right,down,up.strength 只能用整数来确定.代表有多少个像素的宽度将受到模糊影响.默认是5个.color要透明的颜色.offx,offy分别是x,y 方向阴影的偏移量.positive指投影方式.0表透明像素生成阴影.1表只给出不透明像素生成阴影..AddAmbient:加入包围的光源.AddCone:加入锥形光源.AddPoint加入点光源Changcolor:改变光的颜色.Changstrength:改变光源的强度.Clear:清除所有的光源.MoveLight:移动光源.freq是波纹的频率,在指定在对象上一区需要产生多少个完事的波纹.lightstrength可对于波纹增强光影的效果.显著0~100正整数,正弦波开始位置是0~360度.0表从0度开始,25表从90度开始.strength表振幅大小.hand style="cursor:hand"crosshair style="cursor:crosshair"text style="cursor:text"wait style="cursor:wait"default style="cursor:default"help style="cursor:help"e-resize style="cursor:e-resize"ne-resize style="cursor:ne-resize"n-resize style="cursor:n-resize"nw-resize style="cursor:nw-resize"w-resize style="cursor:w-resize"s-resize style="cursor:s-resize"sw-resize style="cursor:sw-resize "se-resize style="cursor:se-resize"auto style="cursor:auto"<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> 数字输入控制,给数字加上千分符</TITLE><META NAME="Generator" CONTENT="EditPlus"><META NAME="Author" CONTENT=""><META NAME="Keywords" CONTENT=""><META NAME="Description" CONTENT=""><style>.inputRight {text-align: right;border: 1px #666666 dashed;font-size: 9pt;color: #993366;height: 18px;ime-mode : disabled;}</style><SCRIPT LANGUAGE="JavaScript">/*这些功能建议通过HTC来实现*///////////////数字输入控制function FormatInput(dotlen){var myEle=event.srcElement;var myValue=String.fromCharCode(event.keyCode);if (myEle.readOnly){return;}switch(dotlen){//原正则表达式(可以输入负数):/^[\-]?\d*\.?\d{0,0}$/case 0:{event.returnValue = regInput(myEle, /^\d*\.?\d{0,0}$/, myValue); break;} case 1:{event.returnValue = regInput(myEle, /^\d*\.?\d{0,1}$/, myValue); break;} case 2:{event.returnValue = regInput(myEle, /^\d*\.?\d{0,2}$/, myValue); break;} case 3:{event.returnValue = regInput(myEle, /^\d*\.?\d{0,3}$/, myValue); break;} case 4:{event.returnValue = regInput(myEle, /^\d*\.?\d{0,4}$/, myValue); break;} case 5:{event.returnValue = regInput(myEle, /^\d*\.?\d{0,5}$/, myValue); break;} case 6:{event.returnValue = regInput(myEle, /^\d*\.?\d{0,6}$/, myValue); break;} case 7:{event.returnValue = regInput(myEle, /^\d*\.?\d{0,7}$/, myValue); break;} case 8:{event.returnValue = regInput(myEle, /^\d*\.?\d{0,8}$/, myValue); break;} default :{event.returnValue = regInput(myEle, /^\d*\.?\d{0,0}$/, myValue); break;} }}function regInput(obj, reg, inputStr){var docSel = document.selection.createRange()if (docSel.parentElement().tagName != "INPUT") return falseoSel = docSel.duplicate()oSel.text = ""var srcRange = obj.createTextRange()oSel.setEndPoint("StartToStart", srcRange)var str = oSel.text + inputStr + srcRange.text.substr(oSel.text.length)return reg.test(str)}//给数字加上千分符by yuanzyfunction splitNumber(eValue){var intPart = "";var decPart = "";if (eValue.indexOf(",")>=0){eValue=eValue.replace(/,/g,"");}if (eValue.indexOf(".")>=0){intPart=eValue.split(".")[0];decPart=eValue.split(".")[1];}else{intPart = eValue;}var num = intPart+"";var re=/(-?\d+)(\d{3})/while(re.test(num)){num=num.replace(re,"$1,$2")}if (eValue.indexOf(".")>=0){eValue=num + "." + decPart;}else{eValue=num ;}return eValue;}function oFocus(){if (event.srcElement.readOnly) return;event.srcElement.value=event.srcElement.value.replace(/,/g,""); }function oBlur(){if (event.srcElement.value=="-"){event.srcElement.value="";}event.srcElement.value = splitNumber(event.srcElement.value);}</SCRIPT></HEAD><BODY><input class="inputRight" type='text' onfocus="oFocus();" onblur="oBlur();" onKeypress="FormatInput(2);" ></BODY></HTML>IE功能汇总<OBJECT id=WebBrowser height=0 width=0classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2></OBJECT><INPUT onclick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开name=Button1><INPUT onclick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存为name=Button2><INPUT onclick=document.all.WebBrowser.ExecWB(10,1) type=button value=属性name=Button3><INPUT onclick=document.all.WebBrowser.ExecWB(6,1) type=button value=打印name=Button><INPUT onclick=document.all.WebBrowser.ExecWB(8,1) type=button value=页面设置name=Button4><INPUT onclick=window.location.reload() type=button value=刷新name=refresh><INPUT onclick="window.external.ImportExportFavorites(true,'');" type=button value=导入收藏夹name=Button5><INPUT onclick="window.external.ImportExportFavorites(false,'');" type=button value=导出收藏夹name=Button32><INPUT onclick="window.external.AddFavorite(location.href, document.title)" type=button value=加入收藏夹name=Button22><INPUT onclick="window.external.ShowBrowserUI('OrganizeFavorites', null)" type=button value=整理收藏夹name=Submit2><INPUT onclick='window.location="view-source:" + window.location.href' type=button value=查看源文件name=Button7><INPUT onclick="window.external.ShowBrowserUI('LanguageDialog', null)" type=button value=语言设置name=Button6><INPUT onclick="document.execCommand('Cut')" type=button value=剪切><INPUT onclick="document.execCommand('Copy')" type=button value=拷贝><INPUT onclick="document.execCommand('Paste')" type=button value=粘贴><INPUT onclick="document.execCommand('Undo')" type=button value=撤消><INPUT onclick="document.execCommand('Delete')" type=button value=删除><INPUT onclick="document.execCommand('Bold')" type=button value=黑体><INPUT onclick="document.execCommand('Italic')" type=button value=斜体><INPUT onclick="document.execCommand('Underline')" type=button value=下划线><INPUT onclick="document.execCommand('stop')" type=button value=停止><INPUT onclick="document.execCommand('SaveAs')" type=button value=保存><INPUT onclick="document.execCommand('Saveas',false,'c:\\test.htm')" type=button value=另存为><INPUT onclick="document.execCommand('FontName',false,fn)" type=button value=字体><INPUT onclick="document.execCommand('FontSize',false,fs)" type=button value=字体大小> <INPUT onclick="document.execCommand('refresh',false,0)" type=button value=刷新><INPUT onclick=window.location.reload() type=button value=刷新><INPUT onclick=history.go(1) type=button value=前进><INPUT onclick=history.go(-1) type=button value=后退><INPUT onclick=history.forward() type=button value=前进><INPUT onclick=history.back() type=button value=后退><INPUT onclick='window.external.ImportExportFavorites(true,"http://localhost");' type=button value=导入收藏夹><INPUT onclick='window.external.ImportExportFavorites(false,"http://localhost");' type=button value=导出收藏夹><INPUT onclick="window.external.ShowBrowserUI('OrganizeFavorites', null)" type=button value=整理收藏夹><INPUT onclick="window.location = 'view-source:'+ window.location.href" type=button value=查看源文件><INPUT onclick="window.external.ShowBrowserUI('LanguageDialog', null)" type=button value=语言设置><INPUT onclick="window.external.AddFavorite('/hbzxf/', 阿好空间)" type=button value=加入收藏夹><INPUT onclick="window.external.addChannel('/hbzxf/')" type=button value=加入到频道><INPUTonclick="this.style.behavior='url(#default#homepage)';this.setHomePage('blogs.co m/hbzxf/')" type=button value=设成主页>窗口打开自动最大化代码<!-- 窗口打开后最大化--><OBJECT id="max" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"><PARAM name="Command" value="Maximize"></OBJECT><script>if(window.screenLeft!=0)max.Click();</script><!-- 窗口打开后最大化结束-->利用脚本封装,方便实现网站悬浮广告下面是JS脚本(floatdiv.js)/*==================================================================== ==浮动块支持脚本DESIGN BY : 彭国辉DATE: 2004-02-26SITE: /BLOG: /nhconchEMAIL: kacarton@文章为作者原创,转载前请先与本人联系,转载请注明文章出处、保留作者信息,谢谢支持!====================================================================== */var alLeft = 0, alCenter = 1, alRight = 2; //水平对齐方式var alTop = 0, alMiddle = 1, alBottom = 2; //垂直对齐方式var f = new Array();var cnt = 0;function floatDiv(objId, align, vAlign, x, y, smooth){/*浮动块对象数据结构:objId:对象IDalign:水平对齐方式,枚举型vAlign:垂直对齐方式,枚举型内容x, y:xy坐标,整型smooth:平滑移动,布尔型*/this.objId = objId;this.align = align;this.vAlign = vAlign;this.x = x;this.y = y;this.smooth = smooth;}function addDiv(objId, align, vAlign, x, y, smooth){ //添加浮动块f[cnt++] = new floatDiv(objId, align, vAlign, x, y, smooth);}function floatMove(){ //重新定位各块位置var objX, objY;if (document.all){var d = document.body;//status = "scrollLeft:"+f[0].objId.style.pixelTop+"| offsetWidth:"+d.offsetWidth;for (var i=0; i<f.length; i++){switch (f[i].align){case alLeft : objX = d.scrollLeft + f[i].x; break;case alCenter: objX = d.scrollLeft + Math.ceil((d.offsetWidth - f[i].objId.offsetWidth)/2) + f[i].x; break;case alRight : objX = d.scrollLeft + d.offsetWidth - f[i].x - f[i].objId.offsetWidth - 20; break; //减滚动条20}switch (f[i].vAlign){case alTop : objY = d.scrollTop + f[i].y; break;case alMiddle: objY = d.scrollTop + Math.ceil((d.offsetHeight - f[i].objId.offsetHeight)/2) + f[i].y; break;case alBottom: objY = d.scrollTop + d.offsetHeight - f[i].y - f[i].objId.offsetHeight; break;}if (f[i].smooth)smoothMove(f[i].objId, objX, objY);else{f[i].objId.style.pixelLeft = objX;f[i].objId.style.pixelTop = objY;}}}if (yers){for (var i=0; i<f.length; i++){var objId = f[i].objId;switch (f[i].align){case alLeft : objX = pageXOffset + f[i].x; break;case alCenter: objX = pageXOffset + Math.ceil((window.innerWidth-objId.width)/2) + f[i].x; break;case alRight : objX = pageXOffset + window.innerWidth - f[i].x - document.objId.width; break;}switch (f[i].vAlign){case alTop : objY = pageYOffset + f[i].y; break;case alMiddle: objY = pageYOffset + Math.ceil(window.innerHeight/2) + f[i].y; break;case alBottom: objY = pageYOffset + window.innerHeight - f[i].y - document.objId.height; break;}if (t[i].smooth) smoothMove(f[i].objId, objX, objY);else{document.objId.left = objX;document.objId.top = objY;}}}setTimeout("floatMove();",50);}function smoothMove(obj, x, y){var percent;if (document.all){percent = .1 * (x - obj.style.pixelLeft);if (percent > 0) percent = Math.ceil(percent); else percent = Math.floor(percent);obj.style.pixelLeft += percent;percent = .1 * (y - obj.style.pixelTop);if (percent > 0) percent = Math.ceil(percent); else percent = Math.floor(percent);obj.style.pixelTop += percent;}if (yers){percent = .1 * (x - document.objId.left);if (percent > 0) percent = Math.ceil(percent); else percent = Math.floor(percent);document.objId.left += percent;percent = .1 * (y - document.objId.top);if (percent > 0) percent = Math.ceil(percent); else percent = Math.floor(percent);document.objId.top += percent;}}setTimeout("floatMove();",50);调用例子:<script language="javascript" src="lib/floatdiv.js"></script><script language="javascript">if (navigator.appName == "Netscape"){document.write("<layer id=ad_hr top=300 width=100 height=120><a href=/hr/040522.htm target=_blank><img src='ad/hr40522.gif' width=120 height=180 border=0></a></layer>");}else{document.write("<div id=ad_hr style='position: absolute;width:120;top:300;left:5;visibility: visible;z-index: 1'><a href=/hr/040522.htm target=_blank><img src='ad/hr40522.gif' width=120 height=180 border=0></a></div>");}addDiv(ad_hr, alRight, alTop, 0, 30, true);</script>[原创]自己定义的简单方法验证表单数据方法很简单,先是定义好要验证的数组比如:check_array[0]= new Array(title,留言主题不能为空!);然后判断,错误的就提示定义的内容,代码如下:<script language="javascript">//表单验证程序;//定义获取表单元素;function $(){var elements = new Array();for (var i = 0; i < arguments.length; i++) {var element = arguments[i];if (type of element == 'string')element = document.getElementById(element);if (arguments.length == 1)return element;elements.push(element);}return elements;}function checkform(){//定义要验证的表单数组;var check_array=new Array();check_array[0]= new Array("title","留言主题不能为空!"); check_array[1]= new Array("name","姓名不能为空!"); check_array[2]= new Array("email","电子邮件不能为空!"); check_array[3]= new Array("phone","电话不能为空!"); check_array[4]= new Array("note","留言内容不能为空!");//验证定义表单是否为空;for(var i=0;i<check_array.length;i++){if($(check_array[i][0]).value==""){alert(check_array[i][1]);$(check_array[i][0]).focus();return false;}}}</script>几个表单验证的function checkMail(obj,error){if (obj == null)return "NULL";if (obj.value == "")return "EMPTY";var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;if (filter.test(obj.value))return true;elsealert(error);return false;}function verifyDottedIP(cntrl,errmsg1,errmsg2,flag){ip_str = cntrl.value;if (ip_str == "") {if (flag == 1){alert(errmsg1);cntrl.select();return false;}return true;}else{varval = 0;vari = index = 0;while (index < ip_stIndexOf(".")){k = index;index = ip_str.indexOf(".", index);val = toNumber(ip_str, k, index);if (val < 0 || val > 255)break;i++;index++;}if (i == 3){if (index == ip_str.length){i = 2;} else {val = toNumber(ip_str,index, ip_str.length);if (val < 0 || val > 255) i = 2;}}if (i != 3) {alert(errmsg2);cntrl.select();return false;}}return true;}function verifyport(cntrl,errmsg1,errmsg2,flag){varval = 0;port_str = cntrl.value;if (port_str == "") {if (flag == 1){alert(errmsg1);cntrl.select();return false;}}val = toNumber(port_str, 0, port_str.length);if (val < 0 || val > 65535){alert(errmsg2);cntrl.select();return false;}else{return true;}}function checkname(field,err_blank,err_space,err_invalid){if (field.value.indexOf(" ") >=0){alert(err_space);field.focus();field.select();return false;}left_trim(field);right_trim(field);if (field.value =="" | field.value == null){alert(err_blank);field.focus();field.select();return false;}if (checkOtherChar(field.value, err_invalid)==false) {field.focus();field.select();return false;}if (isChinese(field.value)==true){field.focus();field.select();return false;}return true;}function isChinese(inputStr){iLength = inputStr.lengthfor (i = 0; i < iLength; i++)if (inputStr.charCodeAt(i) > 255){alert("Input error!");return true ;}return false ;}function left_trim(field){var tmp_string = field.value;while (''+tmp_string.charAt(0) == ' ')tmp_string = tmp_string.substring(1,tmp_string.length);field.value = tmp_string;}function right_trim(field){var tmp_string = field.value;while (''+tmp_string.charAt(tmp_string.length-1) == ' ')tmp_string = tmp_string.substring(0,tmp_string.length-1);field.value = tmp_string;}function checkOtherChar(str,errmsg) {for(var loop_index=0; loop_index<str.length; loop_index++){if(str.charAt(loop_index) == '~'||str.charAt(loop_index) == '!'||str.charAt(loop_index) == '@'||str.charAt(loop_index) == '#'||str.charAt(loop_index) == '$'||str.charAt(loop_index) == '%'||str.charAt(loop_index) == '^'||str.charAt(loop_index) == '&'||str.charAt(loop_index) == '*'||str.charAt(loop_index) == '('||str.charAt(loop_index) == ')'||str.charAt(loop_index) == '+'||str.charAt(loop_index) == '{'||str.charAt(loop_index) == '}'||str.charAt(loop_index) == '|'||str.charAt(loop_index) == ':'||str.charAt(loop_index) == '"'||str.charAt(loop_index) == '<'||str.charAt(loop_index) == '>'||str.charAt(loop_index) == '?'||str.charAt(loop_index) == '`'||str.charAt(loop_index) == '='||str.charAt(loop_index) == '['||str.charAt(loop_index) == ']'||str.charAt(loop_index) == '\\'||str.charAt(loop_index) == ';'||str.charAt(loop_index) == '\''||str.charAt(loop_index) == ','||str.charAt(loop_index) == '.'||str.charAt(loop_index) == '/'){alert(errmsg);return false;}}return true;}function check_pwd_eq(element1,element2,errmsg) {if (element1.value == element2.value){return true;}else{alert(errmsg);element1.select();return false;}}function check_pwd(field,errmsg1){if (field.value == "") {alert(errmsg1);field.focus();return false;}return true;}function verifynum(cntrl,errmsg3,flag,errmsg1,errmsg2,from,to) {varval = 0;num_str = cntrl.value;if (num_str.indexOf(" ") >=0){alert(errmsg3);cntrl.focus();cntrl.select();return false;}if (flag == 1) {if (num_str == "") {alert(errmsg1);return false;}}val = toNumber(num_str, 0, num_str.length);if ((val < from || val > to) && (num_str != "")){alert(errmsg2);return false;}else{return true;}}判断浏览器类型<SCRIPT language=JavaScript>if(navigator.appVersion.indexOf("MSIE 6.") != -1 ){window.location = "111.htm" ;}</SCRIPT>按钮背景图片替换<input type=button style="background-image:url(a.gif)" value=test onmouseover="this.style.backgroundImage='url(b.gif)'"onmouseout='this.style.backgroundImage='url(a.gif)'' ID="Button1" NAME="Button1"/>document.getElementById(id) 的最简化调用/*--------------------------------------------------------------------------*//*** 这个函数就Ruby 了。
js 常用函数
js 常用函数JavaScript是一种常见的、高级的、解释性的编程语言,它支持许多内置函数,可以用于处理字符串、数组、日期、数学计算等。
在本文中,我们将介绍一些常用的JavaScript函数。
一、字符串函数1. length()函数:用于返回一个字符串的长度,即字符串中字符的个数。
2. indexOf()函数:用于查找一个字符串中是否包含另一个子字符串。
如果找到了,就返回子字符串在字符串中的位置;否则返回-1。
3. slice()函数:用于提取一个字符串中的一部分,它接受两个参数,第一个参数为起始位置,第二个参数为结束位置。
4. replace()函数:用于替换一个字符串中的子字符串。
它接受两个参数,第一个参数是要替换的子字符串,第二个参数是替换后的字符串。
二、数组函数1. push()函数:用于向数组的末尾添加一个或多个元素。
2. pop()函数:用于从数组的末尾删除一个元素,并返回该元素的值。
3. shift()函数:用于从数组的开头删除一个元素,并返回该元素的值。
4. splice()函数:用于向数组中添加或删除元素。
它接受三个参数,第一个参数为起始位置,第二个参数为要删除的元素的个数,第三个参数为要添加的元素。
三、日期函数1. Date()函数:用于创建一个代表当前时间的Date对象。
2. getTime()函数:用于返回一个日期对象的时间戳,即自1970年1月1日00:00:00 UTC到该日期对象所代表的时间之间的毫秒数。
3. getFullYear()函数:用于返回一个日期对象的年份。
4. getMonth()函数:用于返回一个日期对象的月份,其中0表示一月,1表示二月,以此类推。
四、数学函数1. Math.random()函数:用于生成一个介于0和1之间的随机数。
2. Math.ceil()函数:用于将一个小数向上取整,即返回大于或等于该小数的最小整数。
3. Math.floor()函数:用于将一个小数向下取整,即返回小于或等于该小数的最大整数。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
该文档是word2003—word2007兼容版JavaScript函数大集锦javascript提供了许多函数供开发人员使用,下面给出一个简单介绍,同时也给出了值得一生典藏的js函数!javascript函数一共可分为五类:·常规函数·数组函数·日期函数·数学函数·字符串函数1.常规函数javascript常规函数包括以下9个函数:(1)alert函数:显示一个警告对话框,包括一个OK按钮。
(2)confirm函数:显示一个确认对话框,包括OK、Cancel按钮。
(3)escape函数:将字符转换成Unicode码。
(4)eval函数:计算表达式的结果。
(5)isNaN函数:测试是(true)否(false)不是一个数字。
(6)parseFloat函数:将字符串转换成符点数字形式。
(7)parseInt函数:将符串转换成整数数字形式(可指定几进制)。
(8)prompt函数:显示一个输入对话框,提示等待用户输入。
例如:<script language="javascript"><!--alert("输入错误");prompt("请输入您的姓名","姓名");confirm("确定否!");//-->script>(9)unescape函数:解码由escape函数编码的字符。
2.数组函数javascript数组函数包括以下4个函数:(1)join函数:转换并连接数组中的所有元素为一个字符串。
例: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)length函数:返回数组的长度。
例:function LengthDemo(){var a, l;a = new Array(0,1,2,3,4);l = a.length;return(l);//l==5}(3)reverse函数:将数组元素顺序颠倒。
例:function ReverseDemo(){var a, l;a = new Array(0,1,2,3,4);l = a.reverse();return(l);}(4)sort函数:将数组元素重新排序。
例:function SortDemo(){var a, l;a = new Array("X" ,"y" ,"d", "Z", "v","m","r");l = a.sort();return(l);}3.日期函数javascript日期函数包括以下20个函数:(1)getDate函数:返回日期的“日”部分,值为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函数:返回星期几,值为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函数:返回日期的“小时”部分,值为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函数:返回日期的“分钟”部分,值为0~59。
见上例。
(5)getMonth函数:返回日期的“月”部分,值为0~11。
其中0表示1月,2表示3月,...,11表示12月。
见前面的例子。
(6)getSeconds函数:返回日期的“秒”部分,值为0~59。
见前面的例子。
(7)getTime函数:返回系统时间。
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函数:返回此地区的时差(当地时间与GMT格林威治标准时间的地区时差),单位为分钟。
function TZDemo(){var d, tz, s = "The current local time is ";d = new Date();tz = d.getTimezoneOffset();if (tz < 0)s += tz / 60 + " hours before GMT";else if (tz == 0)s += "GMT";elses += tz / 60 + " hours after GMT";return(s);(9)getYear函数:返回日期的“年”部分。
返回值以1900年为基数,例如1999年为99。
前面有例子。
(10)parse函数:返回从1970年1月1日零时整算起的毫秒数(当地时间)。
function GetTimeTest(testdate){var d, s, t;var MinMilli = 1000 * 60;var HrMilli = MinMilli * 60;var DyMilli = HrMilli * 24;d = new Date();t = Date.parse(testdate);s = "There are "s += Math.round(Math.abs(t / DyMilli)) + " days "s += "between " + testdate + " and 1/1/70";return(s);}(11)setDate函数:设定日期的“日”部分,值为0~31。
(12)setHours函数:设定日期的“小时”部分,值为0~23。
(13)setMinutes函数:设定日期的“分钟”部分,值为0~59。
(14)setMonth函数:设定日期的“月”部分,值为0~11。
其中0表示1月, (11)示12月。
(15)setSeconds函数:设定日期的“秒”部分,值为0~59。
(16)setTime函数:设定时间。
时间数值为1970年1月1日零时整算起的毫秒数。
(17)setYear函数:设定日期的“年”部分。
(18)toGMTString函数:转换日期成为字符串,为GMT格林威治标准时间。
(19)setLocaleString函数:转换日期成为字符串,为当地时间。
(20)UTC函数:返回从1970年1月1日零时整算起的毫秒数,以GMT格林威治标准时间计算。
4.数学函数javascript数学函数其实就是Math对象,它包括属性和函数(或称方法)两部分。
其中,属性主要有下列内容。
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的平方根值)。
函数有以下18个:(1)abs函数:即Math.abs(以下同),返回一个数字的绝对值。
(2)acos函数:返回一个数字的反余弦值,结果为0~π弧度(radians)。
(3)asin函数:返回一个数字的反正弦值,结果为-π/2~π/2弧度。
(4)atan函数:返回一个数字的反正切值,结果为-π/2~π/2弧度。
(5)atan2函数:返回一个坐标的极坐标角度值。
(6)ceil函数:返回一个数字的最小整数值(大于或等于)。
(7)cos函数:返回一个数字的余弦值,结果为-1~1。
(8)exp函数:返回e(自然对数)的乘方值。
(9)floor函数:返回一个数字的最大整数值(小于或等于)。
(10)log函数:自然对数函数,返回一个数字的自然对数(e)值。
(11)max函数:返回两个数的最大值。
(12)min函数:返回两个数的最小值。
(13)pow函数:返回一个数字的乘方值。
(14)random函数:返回一个0~1的随机数值。
(15)round函数:返回一个数字的四舍五入值,类型是整数。
(16)sin函数:返回一个数字的正弦值,结果为-1~1。
(17)sqrt函数:返回一个数字的平方根值。
(18)tan函数:返回一个数字的正切值。
5.字符串函数javascript字符串函数完成对字符串的字体大小、颜色、长度和查找等操作,共包括以下20个函数:(1)anchor函数:产生一个链接点(anchor)以作超级链接用。