javascript常用功能汇总_javascript技巧_脚本之家

7.最常用字符串函数API:

邮箱:

function HashMap() { /** Map 大小 **/ var size = 0; /** 对象 **/ var entry = new Object(); /** 存 **/ this.put = function  { if(!this.containsKey { size ++ ; } entry[key] = value; } /** 取 **/ this.get = function  { return this.containsKey ? entry[key] : null; } /** 删除 **/ this.remove = function  { if( this.containsKey &&  ) { size --; } } /** 是否包含 Key **/ this.containsKey = function  { return ; } /** 是否包含 Value **/ this.containsValue = function  { for { if { return true; } } return false; } /** 所有 Value **/ this.values = function () { var values = new Array(); for { values.push; } return values; } /** 所有 Key **/ this.keys = function () { var keys = new Array(); for { keys.push; } return keys; } /** Map Size **/ this.size = function () { return size; } /* 清空 */ this.clear = function () { size = 0; entry = new Object(); } } var map = new HashMap(); /* map.put; map.put; map.put; map.put; map.put; */ /* alert); alert; alert; alert; map.remove; alert; alert; */ /** 同时也可以把对象作为 Key **/ /* var arrayKey = new Array; var arrayValue = new Array; map.put; var value = map.get; for(var i = 0 ; i < value.length ; i++) { //alert; } */ /** 把对象做为Key时 ,自动调用了该对象的 toString() 方法 其实最终还是以String对象为Key**/ /** 如果是自定义对象 那自己得重写 toString() 方法 否则 . 就是下面的结果 **/ function MyObject { this.name = name; } /** function MyObject { this.name = name; this.toString = function () { return this.name; } } **/ var object1 = new MyObject; var object2 = new MyObject; map.put; map.put; alert; alert; map.remove; alert; /** 运行结果 小名 小名 size = 1 **/ /** 如果改成复写toString()方法的对象 , 效果就完全不一样了 **/ 
// 动物类 animal function animal{ this.sex = bSex this.getSex = function(){ return this.sex } } // 类静态变量  animal.SEX_G = new Object(); // 雌性 animal.SEX_B = new Object(); // 雄性 // 动物子类 鸟 function bird{ animal.call; this.fly = function{ alert; } } // 动物子类 鱼 function fish{ animal.call; this.swim = function{ alert } } // 鱼 鸟 杂交品种。。。 function crossBF{ bird.call; fish.call; } var oPet = new crossBF; // 雌性 鱼鸟 alert == animal.SEX_G ? "雌性" : "雄性"); oPet.fly 
//1.浏览器名称 //IE : "Microsoft Internet Explorer" //NS : "Netscape" var browserName = navigator.appName; //2.浏览器版本 var browserVersion = navigator.appVersion; //3.客户端操作系统 var isWin = ( navigator.userAgent.indexOf; var isMac = ( navigator.userAgent.indexOf; var isUnix = ( navigator.userAgent.indexOf; //4.判断是否支持某对象,方法,属性 //当一个对象,方法,属性未定义时会返回undefined或null等,这些特殊值都是false if{ } if( document.getElementById ){ } //5.检查浏览器当前语言 if( navigator.userLanguage ){ var l = navigator.userLanguage.toUpperCase(); } //6.检查浏览器是否支持Cookies if( navigator.cookieEnabled ){ } 

4.常用的数字函数:

12.常用的js方法,包括表单校验的一些方法,下拉菜单常用的方法等等:

小的数: 大的数:

function stack(){ if{ //初始化堆栈的顶部指针和数据存放域 this.top=0; this.unit=new Array(); } this.push=function{ //定义压入堆栈的方法 this.unit[this.top]=pushvalue; this.top+=1; } this.readAllElements=function(){ //定义读取所有数据的方法 if{ alert; return; } var count=0; var outStr=""; for(count=0;count6.最常用的JavaScript日期函数://·日期型 //1.声明 var myDate = new Date(); //系统当前时间 var myDate = new Date(yyyy, mm, dd, hh, mm, ss); var myDate = new Date; var myDate = new Date("monthName dd, yyyy hh:mm:ss"); var myDate = new Date; var myDate = new Date; //2.获取时间的某部份 var myDate = new Date; //获取当前年份 myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份 myDate.getDate myDate.getDay(); //获取当前星期X myDate.getTime(); //获取当前时间 时间戳!! myDate.getHours myDate.getMinutes myDate.getSeconds myDate.getMilliseconds myDate.toLocaleDateString(); //获取当前日期 myDate.toLocaleTimeString(); //获取当前时间 myDate.toLocaleString; //获取日期与时间 //3.计算之前或未来的时间 var myDate = new Date(); myDate.setDate + 10); //当前时间加10天 //类似的方法都基本相同,以set开头,具体参考第2点 //4.计算两个日期的偏移量 var i = daysBetween; //返回天数 var i = beginDate.getTimezoneOffset; //返回分钟数 //5.检查有效日期 //checkDate() 只允许"mm-dd-yyyy"或"mm/dd/yyyy"两种格式的日期 if( checkDate{ } //正则表达式(自己写的检查 yyyy-mm-dd, yy-mm-dd, yyyy/mm/dd, yy/mm/dd 四种) var r = /^[/-]d{1,2}[/-]d{1,2}$/; if{ } 
//·字符串 //1.声明 var myString = new String("Every good boy does fine."); var myString = "Every good boy does fine."; //2.字符串连接 var myString = "Every " + "good boy " + "does fine."; var myString = "Every "; myString += "good boy does fine."; //3.截取字符串 //截取第 6 位开始的字符 var myString = "Every good boy does fine."; var section = myString.substring; //结果: "good boy does fine." //截取第 0 位开始至第 10 位为止的字符 var myString = "Every good boy does fine."; var section = myString.substring; //结果: "Every good" //截取从第 11 位到倒数第 6 位为止的字符 var myString = "Every good boy does fine."; var section = myString.slice; //结果: "boy does" //从第 6 位开始截取长度为 4 的字符 var myString = "Every good boy does fine."; var section = myString.substr; //结果: "good" //4.转换大小写 var myString = "Hello"; var lcString = myString.toLowerCase(); //结果: "hello" var ucString = myString.toUpperCase(); //结果: "HELLO" //5.字符串比较 var aString = "Hello!"; var bString = new String; if( aString == "Hello!" ){ } //结果: true if{ } //结果: true if( aString === bString ){ } //结果: false  //6.检索字符串 var myString = "hello everybody."; // 如果检索不到会返回-1,检索到的话返回在该串中的起始位置 if( myString.indexOf{ } //结果: true ////7.查找替换字符串 var myString = "I is your father."; var result = myString.replace; //结果: "I am your father." //8.特殊字符: //b : 后退符 t : 水平制表符 //n : 换行符 v : 垂直制表符 //f : 分页符 r : 回车符 //" : 双引号 ' : 单引号 //\ : 反斜杆 //9.将字符转换成Unicode编码 var myString = "hello"; var code = myString.charCodeAt; //返回"l"的Unicode编码 var char = String.fromCharCode; //返回Unicode为66的字符 //10.将字符串转换成URL编码 var myString = "hello all"; var code = encodeURI; //结果: "hello%20all" var str = decodeURI; //结果: "hello all" //相应的还有: encodeURIComponent() decodeURIComponent() 

·Math对象 1. Math.abs : 返回num的绝对值 2. Math.acos : 返回num的反余弦值 3. Math.asin : 返回num的反正弦值 4. Math.atan : 返回num的反正切值 5. Math.atan2 : 返回y除以x的商的反正切值 6. Math.ceil : 返回大于num的最小整数 7. Math.cos : 返回num的余弦值 8. Math.exp : 返回以自然数为底,x次幂的数 9. Math.floor : 返回小于num的最大整数 10.Math.log : 返回num的自然对数 11.Math.max : 返回num1和num2中较大的一个 12.Math.min : 返回num1和num2中较小的一个 13.Math.pow : 返回x的y次方的值 14.Math.random() : 返回0到1之间的一个随机数 15.Math.round : 返回num四舍五入后的值 16.Math.sin : 返回num的正弦值 17.Math.sqrt : 返回num的平方根 18.Math.tan : 返回num的正切值 19.Math.E : 自然数 20.Math.LN2 : 2的自然对数 21.Math.LN10 : 10的自然对数 22.Math.LOG2E : log 2 为底的自然数 23.Math.LOG10E : log 10 为底的自然数 24.Math.PI : π 25.Math.SQRT1_2 : 1/2的平方根 26.Math.SQRT2 : 2的平方根 

测试表单校验方法

3.网上搜藏的一个map对象:

合法字符:

 &lt;!-- /** * &#34920;&#21333;&#39564;&#35777;&#30340;&#31034;&#20363;js&#26041;&#27861;. */ function check(){ if(checkIfEmpty &amp;&amp;checkIsMail &amp;&amp;checkIsNum &amp;&amp;checkIsValid &amp;&amp;compareTwoDate('e','f','&#23567;&#26085;&#26399;&#19982;&#22823;&#26085;&#26399;&#20851;&#31995;&#38169;&#35823;!') &amp;&amp;checkLength &amp;&amp;checkChooseSelect &amp;&amp;compareTwoNum){ alert; return true; }else{ return false; } } /** * &#21462;&#19979;&#25289;&#33756;&#21333;&#30340;&#20540;&#21644;&#25991;&#26412;&#30340;&#31034;&#20363;js&#26041;&#27861;. */ function getSelect; alert('&#19979;&#25289;&#33756;&#21333;&#36873;&#25321;&#30340;&#25991;&#26412;&#26159;:'+getSelectText+'n' +'&#19979;&#25289;&#33756;&#21333;&#36873;&#25321;&#30340;&#20540;&#26159;:'+getSelectValue; } /** * &#26681;&#25454;&#38190;&#20540;&#23383;&#31526;&#20018;&#35774;&#32622;&#19979;&#25289;&#33756;&#21333;&#30340;&#26174;&#31034;&#20869;&#23481;. */ function setSelect.value; setSelectContent; } /** * &#36820;&#22238;&#22810;&#36873;&#26694;&#25968;&#32452;&#36873;&#25321;&#29366;&#24577;&#30340;id&#30340;&#23383;&#31526;&#20018;,&#32467;&#26524;&#20197;&#36887;&#21495;&#38548;&#24320;. */ function getMulti(){ alert('&#22810;&#36873;&#36873;&#25321;&#30340;id&#26159;:'+getCheckedIds(document.getElementsByName; } //--&gt; 
//·数字型 //1.声明 var i = 1; var i = new Number; //2.字符串与数字间的转换 var i = 1; var str = i.toString(); //结果: "1" var str = new String; //结果: "1" i = parseInt; //结果: 1 i = parseFloat; //结果: 1.0 //注意: parseInt,parseFloat会把一个类似于"32G"的字符串,强制转换成32 //3.判断是否为有效的数字 var i = 123; var str = "string"; if( typeof i == "number" ){ } //true //某些方法(如:parseInt,parseFloat)会返回一个特殊的值NaN //请注意第2点中的[注意],此方法不完全适合判断一个字符串是否是数字型!! i = parseInt{ } //4.数字型比较 //此知识与[字符串比较]相同 ///5.小数转整数 var f = 1.5; var i = Math.round var i = Math.ceil; //结果:2  var i = Math.floor; //结果:1  //6.格式化显示数字 var i = 3.14159; //格式化为两位小数的浮点数 var str = i.toFixed; //结果: "3.14" //格式化为五位数字的浮点数 var str = i.toPrecision; //结果: "3.1415" //7.X进制数字的转换 //不是很懂 -.- var i = parseInt; var i = parseInt; var i = parseInt; //8.随机数 //返回0-1之间的任意小数 var rnd = Math.random(); //返回0-n之间的任意整数 var rnd = Math.floor 

checkIsValid

checkIsNum

9.浏览器特征函数:

小的日期: 大的日期:

数字:

以上所述就是本文的全部内容了,希望大家能够喜欢。

MyTool = new function(){ /** * 返回非空字符串,如果有默认值就返回默认字符串. */ this.notNull = function{ if=="undefined"||str==null||str==''){ if return defaultStr; else return ''; } else{ return str; } } } rootId = MyTool.notNull; 

setSelectContent

getCheckedIds(document.getElementsByName

11.用面向对象的编程方式写JavaScript:

//定义数组 var pageIds = new Array; 数组长度 pageIds.length; //shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.shift(); //a:[2,3,4,5] b:1 //unshift:将参数添加到原数组开头,并返回数组的长度 var a = [1,2,3,4,5]; var b = a.unshift; //a:[-2,-1,1,2,3,4,5] b:7 //注:在IE6.0下测试返回值总为undefined,FF2.0下测试返回值为7,所以这个方法的返回值不可靠,需要用返回值时可用splice代替本方法来使用。 //pop:删除原数组最后一项,并返回删除元素的值;如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.pop(); //a:[1,2,3,4] b:5 //push:将参数添加到原数组末尾,并返回数组的长度 var a = [1,2,3,4,5]; var b = a.push; //a:[1,2,3,4,5,6,7] b:7 //concat:返回一个新数组,是将参数添加到原数组中构成的 var a = [1,2,3,4,5]; var b = a.concat; //a:[1,2,3,4,5] b:[1,2,3,4,5,6,7] //splice(start,deleteCount,val1,val2,):从start位置开始删除deleteCount项,并从该位置起插入val1,val2, var a = [1,2,3,4,5]; var b = a.splice; //a:[1,2,7,8,9,5] b:[3,4] var b = a.splice; //同shift a.splice; var b = a.length; //同unshift var b = a.splice; //同pop a.splice; var b = a.length; //同push //reverse:将数组反序 var a = [1,2,3,4,5]; var b = a.reverse(); //a:[5,4,3,2,1] b:[5,4,3,2,1] //sort:按指定的参数对数组进行排序 var a = [1,2,3,4,5]; var b = a.sort(); //a:[1,2,3,4,5] b:[1,2,3,4,5] //slice:返回从原数组中指定开始下标到结束下标之间的项组成的新数组 var a = [1,2,3,4,5]; var b = a.slice; //a:[1,2,3,4,5] b:[3,4,5] //join:将数组的元素组起一个字符串,以separator为分隔符,省略的话则用默认用逗号为分隔符 var a = [1,2,3,4,5]; var b = a.join; //a:[1,2,3,4,5] b:"1|2|3|4|5" 

2.dom最常用API:

checkLength

checkIfEmpty

10.JavaScript面向对象的方法实现继承:call方法

/** * 对JSON对象转换为字符串. * @param {json对象} json * @return {json字符串} */ function jsonObj2Str { var str = "{"; for  { str += prop + ":" + json[prop] + ","; } str = str.substr; str += "}"; return str; } /** * 将json字符串转换为json对象. * @param {json字符串} jsonstr * @return {json对象} */ function jsonStr2Obj { return eval; } /** * 得到一个元素的left坐标值. * @param {dom对象} obj * @return {位置值} */ function getLeft{ var offset=e.offsetLeft; if offset+=getLeft; return offset; } /** * 得到一个元素的绝对位置的top坐标值. * @param {dom对象} obj * @return {位置值} */ function getTop{ var offset=e.offsetTop; if offset+=getTop; return offset; } /** * 删除一个字符串的左右空格. * @param {原始字符串} str * @return {删除空格之后的字符串} */ function trim { return str.replace; } /** * 根据id取出一个元素. * @param {元素id值} str * @return {dom对象} */ function $ { return document.getElementById; } /** * 按name获取一个对象. * @param {元素name值} str * @return {根据name返回的第一个对象} */ function $byName { var arr = document.getElementsByName return arr[0]; else return null; } /***************以下方法和表单验证相关*************************************************/ /** * 返回非空字符串,如果有默认值就返回默认字符串. * @param {要进行转换的原字符串} str * @param {默认值} defaultStr * @return {返回结果} */ function notNull { if  == "undefined" || str == null || str == '') { if  return defaultStr; else return ''; } else { return str; } } /** * 比较两个日期大小. * @param {较小日期的文本框id} smallDate * @param {较大日期的文本框id} bigDate * @param {出错的提示信息} msg */ function compareTwoDate(smallDate, bigDate, msg) { var v1 = $.value; var v2 = $.value; if  { alert; return false; } return true; } /** * 比较两个金额大小的方法. * @param {较小的金额} smallNum * @param {较大的金额} bigNum * @param {出错提示信息} msg * @return {Boolean} */ function compareTwoNum(smallNum, bigNum, msg) { var v1 = $.value; var v2 = $.value; if  >= parseFloat; v2.focus(); return false; } return true; } /** * 检查文本框的长度是否超出指定长度. * @param {文本id} textId * @param {文本框的最大长度} len * @param {文本框描述内容} msg * @return {有错就返回false,否则返回true} */ function checkLength { obj = $; str = obj.value; str = str.replace(/[^x00-xff]/g, "**"); realLen = str.length; if  { alert("[" + msg + "]" + "长度最大为" + len + "位," + "请重新输入!n注意:一个汉字占2位。"); obj.focus(); return false; } else return true; } /** * 判断某个文本框不可以为空. * @param {文本框id} textId * @param {文本框描述内容} msg * @return {有错就返回false,否则返回true} */ function checkIfEmpty { var textObj = $; var textValue = textObj.value; if  == '') { alert; textObj.focus(); return false; } else { return true; } } /** * 判断指定文本框内容必须为邮件. * @param {文本框id} textId * @param {文本框描述} msg * @return {如果是邮件内容就返回true否则返回false} */ function checkIsMail { var obj = $; if  { alert('[' + msg + ']不是合法的邮件地址!'); obj.focus(); return false; } else return true; } /** * 验证是不是邮件. * @param {要验证的字符串} strEmail * @return {Boolean} */ function _isEmail { //接下来的验证是否有两个以上的‘.'号,有的话就是错的! var first = strEmail.indexOf; if == -1) { return false; } var tempStr = strEmail.substring; if  != -1) { return false; } if (strEmail .search*@[A-Za-z0-9]+*.[A-Za-z0-9]+$/) != -1) { return true; } else return false; } /** * 判断某个文本框是否数字. * @param {文本框id} textId * @param {文本框描述内容} msg * @return {Boolean} */ function checkIsNum { obj = $; if  { alert('[' + msg + ']必须为数字。'); obj.focus(); return false; } else return true; } /** * 判断某个文本框是否含有非法字符. * @param {文本框的id} textId * @param {文本框描述内容} msg * @return {有错就返回false否则返回true} */ function checkIsValid { obj = $; if (!_isValidString(obj.value, '[' + msg + ']不得含有非法字符。')) { obj.focus(); return false; } return true; } /** * 判断是不是合法字符串. * @param {要进行判断的字符串} szStr * @param {文本描述} errMsg * @return {合法则返回true否则返回false} */ function _isValidString { voidChar = "'"> -1){ alert return false; } } return true; } /*************** 以下方法和下拉菜单相关*************************************************/ /** * 控制下拉菜单不可以为-1 * @param {下拉菜单id} selectId * @param {下拉菜单描述内容} msg * @param {下拉菜单的空值对应的value,默认为-1} nullValue * @return {Boolean} */ function checkChooseSelect(selectId, msg ,nullValue) { var obj = $; if (obj.value == notNull { alert; obj.focus(); return false; } else return true; } /** * 得到下拉菜单的显示的文字. * @param {下拉菜单dom对象} selectObj * @return {返回下拉菜单的显示的"文本"} */ function getSelectText { return selectObj.options[selectObj.selectedIndex].text; } /** * 得到下拉菜单的显示的值. * @param {下拉菜单dom对象} selectObj * @return {得到下拉菜单的显示的"值"} */ function getSelectValue { return selectObj.options[selectObj.selectedIndex].value; } /** * 设置下拉菜单的选择状态到指定的值. * @param {下拉菜单对象} obj * @param {要选择的值} value */ function setSelectValue { /*for (i = obj.options.length - 1; i >= 0; i--) { if (obj.options[i].value == value) { obj.options[i].selected = true; return; } } */ obj.value= value; } /** * 根据键值串的内容进行下拉菜单的动态组装 * @param {要进行下拉菜单组装的dom对象} obj * @param {键值对用,和;分割,例如'1,男;2,女;3,未知'} valAndText */ function setSelectContent{ if{ alert; return false; } clearSelect; var keyandvalues = valAndText.split; for(var i=0;i0; i--) { obj.remove; } } /*************** 以下方法和多选框相关*************************************************/ /** * 返回选中的checks的id组成的字符串,逗号隔开. * @param {checks数组} checks * @return 选择的id组成的字符串 */ function getCheckedIds{ var selectedValue = ''; var len = checks.length; for(var index=0; index0) return selectedValue.substring(0,selectedValue.length-1); return selectedValue; } 

checkIsMail

下拉菜单非空校验: 请选择 立项 可研

1.javascript的数组API:

下面的代码放到html标签里,并在head里调用上面的js:

//document方法: getElementById Node 返回指定结点的引用 getElementsByTagName NodeList 返回文档中所有匹配的元素的集合 createElement Node Node createTextNode Node 创建一个纯文本结点 ownerDocument Document 指向这个节点所属的文档 documentElement Node 返回html节点 document.body Node 返回body节点 //element方法: getAttribute String 返回指定属性的值 setAttribute String 给属性赋值 removeAttribute String 移除指定属性和它的值 getElementsByTagName NodeList 返回结点内所有匹配的元素的集合 //node方法: appendChild Node 给指定结点添加一个新的子结点 removeChild Node 移除指定结点的子结点 replaceChild Node 替换指定结点的子结点 insertBefore Node 在同一层级的结点前面插入新结点 hasChildNodes() Boolean 如果结点有子结点则返回true //node属性: nodeName String 以字符串的格式存放结点的名称 nodeType String 以整型数据格式存放结点的类型 nodeValue String 以可用的格式存放结点的值 parentNode Node 指向结点的父结点的引用 childNodes NodeList 指向子结点的引用的集合 firstChild Node 指向子结点结合中的第一个子结点的引用 lastChild Node 指向子结点结合中的最后一个子结点的引用 previousSibling Node 指向前一个兄弟节点;如果这个节点就是兄弟节点,那么该值为null nextSibling Node 指向后一个兄弟节点;如果这个节点就是兄弟节点,那么该值为null

得到下拉菜单的值

非空:

设置下拉菜单的值

compareTwoDate(‘e’,’f’,’小日期与大日期关系错误!’)

compareTwoNum

5.网上搜藏的js堆栈:

得到多选选择的id

输入下拉菜单的键值字符串

getSelectText和getSelectValue

字符长度校验:

checkChooseSelect

发表评论

电子邮件地址不会被公开。 必填项已用*标注