javascript 常用方法

简介:

JavaScript常用方法:

(1)startWith

js本身没有startWith方法,我进行了如下封装:

Js代码   收藏代码
  1. String.prototype.startWith=function (string)  
  2. {  
  3.     return (this.indexOf(string)==0);  
  4. }  
  5. var aaaa="/c/c";  
  6. alert(aaaa.startWith('/'));  

 

(2)计算md5值

js文件:calcMd5.js

Js代码   收藏代码
  1. /* 
  2.  * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message 
  3.  * Digest Algorithm, as defined in RFC 1321. 
  4.  * Copyright (C) Paul Johnston 1999 - 2000. 
  5.  * Updated by Greg Holt 2000 - 2001. 
  6.  * See http://pajhome.org.uk/site/legal.html for details. 
  7.  */  
  8.   
  9. /* 
  10.  * Convert a 32-bit number to a hex string with ls-byte first 
  11.  */  
  12. var hex_chr = "0123456789abcdef";  
  13. function rhex(num)  
  14. {  
  15.   str = "";  
  16.   for(j = 0; j <= 3; j++)  
  17.     str += hex_chr.charAt((num >> (j * 8 + 4)) & 0x0F) +  
  18.            hex_chr.charAt((num >> (j * 8)) & 0x0F);  
  19.   return str;  
  20. }  
  21.   
  22. /* 
  23.  * Convert a string to a sequence of 16-word blocks, stored as an array. 
  24.  * Append padding bits and the length, as described in the MD5 standard. 
  25.  */  
  26. function str2blks_MD5(str)  
  27. {  
  28.   nblk = ((str.length + 8) >> 6) + 1;  
  29.   blks = new Array(nblk * 16);  
  30.   for(i = 0; i < nblk * 16; i++) blks[i] = 0;  
  31.   for(i = 0; i < str.length; i++)  
  32.     blks[i >> 2] |= str.charCodeAt(i) << ((i % 4) * 8);  
  33.   blks[i >> 2] |= 0x80 << ((i % 4) * 8);  
  34.   blks[nblk * 16 - 2] = str.length * 8;  
  35.   return blks;  
  36. }  
  37.   
  38. /* 
  39.  * Add integers, wrapping at 2^32. This uses 16-bit operations internally  
  40.  * to work around bugs in some JS interpreters. 
  41.  */  
  42. function add(x, y)  
  43. {  
  44.   var lsw = (x & 0xFFFF) + (y & 0xFFFF);  
  45.   var msw = (x >> 16) + (y >> 16) + (lsw >> 16);  
  46.   return (msw << 16) | (lsw & 0xFFFF);  
  47. }  
  48.   
  49. /* 
  50.  * Bitwise rotate a 32-bit number to the left 
  51.  */  
  52. function rol(num, cnt)  
  53. {  
  54.   return (num << cnt) | (num >>> (32 - cnt));  
  55. }  
  56.   
  57. /* 
  58.  * These functions implement the basic operation for each round of the 
  59.  * algorithm. 
  60.  */  
  61. function cmn(q, a, b, x, s, t)  
  62. {  
  63.   return add(rol(add(add(a, q), add(x, t)), s), b);  
  64. }  
  65. function ff(a, b, c, d, x, s, t)  
  66. {  
  67.   return cmn((b & c) | ((~b) & d), a, b, x, s, t);  
  68. }  
  69. function gg(a, b, c, d, x, s, t)  
  70. {  
  71.   return cmn((b & d) | (c & (~d)), a, b, x, s, t);  
  72. }  
  73. function hh(a, b, c, d, x, s, t)  
  74. {  
  75.   return cmn(b ^ c ^ d, a, b, x, s, t);  
  76. }  
  77. function ii(a, b, c, d, x, s, t)  
  78. {  
  79.   return cmn(c ^ (b | (~d)), a, b, x, s, t);  
  80. }  
  81.   
  82. /* 
  83.  * Take a string and return the hex representation of its MD5. 
  84.  */  
  85. function calcMD5(str)  
  86. {  
  87.   x = str2blks_MD5(str);  
  88.   a =  1732584193;  
  89.   b = -271733879;  
  90.   c = -1732584194;  
  91.   d =  271733878;  
  92.   
  93.   for(i = 0; i < x.length; i += 16)  
  94.   {  
  95.     olda = a;  
  96.     oldb = b;  
  97.     oldc = c;  
  98.     oldd = d;  
  99.   
  100.     a = ff(a, b, c, d, x[i+ 0], 7 , -680876936);  
  101.     d = ff(d, a, b, c, x[i+ 1], 12, -389564586);  
  102.     c = ff(c, d, a, b, x[i+ 2], 17,  606105819);  
  103.     b = ff(b, c, d, a, x[i+ 3], 22, -1044525330);  
  104.     a = ff(a, b, c, d, x[i+ 4], 7 , -176418897);  
  105.     d = ff(d, a, b, c, x[i+ 5], 12,  1200080426);  
  106.     c = ff(c, d, a, b, x[i+ 6], 17, -1473231341);  
  107.     b = ff(b, c, d, a, x[i+ 7], 22, -45705983);  
  108.     a = ff(a, b, c, d, x[i+ 8], 7 ,  1770035416);  
  109.     d = ff(d, a, b, c, x[i+ 9], 12, -1958414417);  
  110.     c = ff(c, d, a, b, x[i+10], 17, -42063);  
  111.     b = ff(b, c, d, a, x[i+11], 22, -1990404162);  
  112.     a = ff(a, b, c, d, x[i+12], 7 ,  1804603682);  
  113.     d = ff(d, a, b, c, x[i+13], 12, -40341101);  
  114.     c = ff(c, d, a, b, x[i+14], 17, -1502002290);  
  115.     b = ff(b, c, d, a, x[i+15], 22,  1236535329);      
  116.   
  117.     a = gg(a, b, c, d, x[i+ 1], 5 , -165796510);  
  118.     d = gg(d, a, b, c, x[i+ 6], 9 , -1069501632);  
  119.     c = gg(c, d, a, b, x[i+11], 14,  643717713);  
  120.     b = gg(b, c, d, a, x[i+ 0], 20, -373897302);  
  121.     a = gg(a, b, c, d, x[i+ 5], 5 , -701558691);  
  122.     d = gg(d, a, b, c, x[i+10], 9 ,  38016083);  
  123.     c = gg(c, d, a, b, x[i+15], 14, -660478335);  
  124.     b = gg(b, c, d, a, x[i+ 4], 20, -405537848);  
  125.     a = gg(a, b, c, d, x[i+ 9], 5 ,  568446438);  
  126.     d = gg(d, a, b, c, x[i+14], 9 , -1019803690);  
  127.     c = gg(c, d, a, b, x[i+ 3], 14, -187363961);  
  128.     b = gg(b, c, d, a, x[i+ 8], 20,  1163531501);  
  129.     a = gg(a, b, c, d, x[i+13], 5 , -1444681467);  
  130.     d = gg(d, a, b, c, x[i+ 2], 9 , -51403784);  
  131.     c = gg(c, d, a, b, x[i+ 7], 14,  1735328473);  
  132.     b = gg(b, c, d, a, x[i+12], 20, -1926607734);  
  133.       
  134.     a = hh(a, b, c, d, x[i+ 5], 4 , -378558);  
  135.     d = hh(d, a, b, c, x[i+ 8], 11, -2022574463);  
  136.     c = hh(c, d, a, b, x[i+11], 16,  1839030562);  
  137.     b = hh(b, c, d, a, x[i+14], 23, -35309556);  
  138.     a = hh(a, b, c, d, x[i+ 1], 4 , -1530992060);  
  139.     d = hh(d, a, b, c, x[i+ 4], 11,  1272893353);  
  140.     c = hh(c, d, a, b, x[i+ 7], 16, -155497632);  
  141.     b = hh(b, c, d, a, x[i+10], 23, -1094730640);  
  142.     a = hh(a, b, c, d, x[i+13], 4 ,  681279174);  
  143.     d = hh(d, a, b, c, x[i+ 0], 11, -358537222);  
  144.     c = hh(c, d, a, b, x[i+ 3], 16, -722521979);  
  145.     b = hh(b, c, d, a, x[i+ 6], 23,  76029189);  
  146.     a = hh(a, b, c, d, x[i+ 9], 4 , -640364487);  
  147.     d = hh(d, a, b, c, x[i+12], 11, -421815835);  
  148.     c = hh(c, d, a, b, x[i+15], 16,  530742520);  
  149.     b = hh(b, c, d, a, x[i+ 2], 23, -995338651);  
  150.   
  151.     a = ii(a, b, c, d, x[i+ 0], 6 , -198630844);  
  152.     d = ii(d, a, b, c, x[i+ 7], 10,  1126891415);  
  153.     c = ii(c, d, a, b, x[i+14], 15, -1416354905);  
  154.     b = ii(b, c, d, a, x[i+ 5], 21, -57434055);  
  155.     a = ii(a, b, c, d, x[i+12], 6 ,  1700485571);  
  156.     d = ii(d, a, b, c, x[i+ 3], 10, -1894986606);  
  157.     c = ii(c, d, a, b, x[i+10], 15, -1051523);  
  158.     b = ii(b, c, d, a, x[i+ 1], 21, -2054922799);  
  159.     a = ii(a, b, c, d, x[i+ 8], 6 ,  1873313359);  
  160.     d = ii(d, a, b, c, x[i+15], 10, -30611744);  
  161.     c = ii(c, d, a, b, x[i+ 6], 15, -1560198380);  
  162.     b = ii(b, c, d, a, x[i+13], 21,  1309151649);  
  163.     a = ii(a, b, c, d, x[i+ 4], 6 , -145523070);  
  164.     d = ii(d, a, b, c, x[i+11], 10, -1120210379);  
  165.     c = ii(c, d, a, b, x[i+ 2], 15,  718787259);  
  166.     b = ii(b, c, d, a, x[i+ 9], 21, -343485551);  
  167.   
  168.     a = add(a, olda);  
  169.     b = add(b, oldb);  
  170.     c = add(c, oldc);  
  171.     d = add(d, oldd);  
  172.   }  
  173.   return rhex(a) + rhex(b) + rhex(c) + rhex(d);  
  174. }  
  175.    

 测试:

Js代码   收藏代码
  1. var result=calcMD5("whuang");  

 

(3)把json对象转换为字符串

依赖的js文件见附件

范例:

Js代码   收藏代码
  1. var person={"name":"黄威","QQ":"1287789687"};  
  2. person= JSON.stringify(person);  
  3. alert(person)  

 

 

 

(4)字符串出现的次数


var str = "goodsaa.name";

    var find = "x";

    var reg = new RegExp(find, "g");

    var c = str.match(reg);

    alert(c ? c.length : 0);

上例是求str中字符出现的次数。RegExp的第二个参数表示全局搜索。

 

(5)判断字符串中句号(不作为通配符)出现的次数


<script type="text/javascript">

    var str = "goodsaa..name";

    var find = "\\.";//对句点要转义

    var reg = new RegExp(find, "g");

    var c = str.match(reg);

    alert(c ? c.length : 0);

</script>

(6)把json字符串转化为json对象

Js代码   收藏代码
  1. var jsonStr='{"2":"1.2.3","3":"1.2.5"}';  
  2. var jsonObj2=eval("("+jsonStr+")");  
  3. alert(jsonObj2["2"])  

 (7)js中获取年份

方式一:

 

IE

98

99

2000

2001

 

 

2012

火狐

98

99

100

101

 

 

112

Firefox 里面getYear 返回的是"当前年份-1900" 的值(以前都如此) 

IE里面当today的年份大于等于2000的时候直接把1900加上了 

Js代码   收藏代码
  1. var appName23=(navigator.appName);  
  2. var appCodeName32=navigator.appCodeName;  
  3. var isFirefox=(appName23=="Netscape")&&(appCodeName32=="Mozilla");  
  4. var today = new Date();  
  5.             var year = today.getYear();  
  6.             if(isFirefox){//browser is firefox  
  7.                 year=year+1900;  
  8.                  alert("火狐: "+year);  
  9.             }else{////browser is IE  
  10.                 year=year>1999?year:year+1900;  
  11.                  alert("IE: "+year);  
  12.             }  
  13.               

 方式二:


var today = new Date();

            var year = today.getFullYear();

           alert(year);

方式三:


var today = new Date();

            var year = today.getUTCFullYear();

           alert(year);

(8)document.all的兼容性


if(isFirefox){//browser is firefox

       oTable=document.getElementById(this.sTABLEID);

    }else{

       oTable=document.all[this.sTABLEID];

    }

nowtime.value = document.all.examclock.innerHTML;

结论:火狐不支持document.all,但是IE支持

(9)js动态添加组件

Js代码   收藏代码
  1. var buttonTd=com.whuang.hsj.$$id("buttonTd");//td tag  
  2.         var newInput =document.createElement("input");  
  3.         newInput.type="button";   
  4.         newInput.name="input1";  
  5.         newInput.value="修改密码";  
  6.         buttonTd.appendChild(newInput);  

 (10)禁用表单提交事件

方式一:


event.returnValue= false;

方式二:

returnfalse;

 

event.returnValue在火狐中不好使,应该改为:

returnfalse;

相关文章
|
6天前
|
JavaScript 前端开发
javascript操作BOM的方法
javascript操作BOM的方法
15 0
|
2天前
|
JavaScript 前端开发
JavaScript 提供了多种方法来操作 DOM(文档对象模型)
【5月更文挑战第11天】JavaScript 用于DOM操作的方法包括获取元素(getElementById, getElementsByClassName等)、修改内容(innerHTML, innerText, textContent)、改变属性、添加/删除元素(appendChild, removeChild)和调整样式。此外,addEventListener用于监听事件。注意要考虑兼容性和性能当使用这些技术。
6 2
|
3天前
|
JavaScript 前端开发
在JavaScript中实现模块化开发有多种方法
JavaScript模块化开发可通过CommonJS、AMD和ES6模块实现。CommonJS适用于服务器端,使用`require`和`module.exports`处理模块;AMD(如RequireJS)用于浏览器端,依赖`require`和`define`;ES6模块提供原生支持,使用`import`和`export`。选择方式需考虑项目环境、复杂度和技术栈。
10 4
|
3天前
|
JavaScript 前端开发
JS tostring()和join()方法
JS tostring()和join()方法
7 1
|
3天前
|
存储 JavaScript 前端开发
深入了解JavaScript中的indexOf()方法:实现数组元素的搜索和索引获取
深入了解JavaScript中的indexOf()方法:实现数组元素的搜索和索引获取
7 0
|
4天前
|
JavaScript 前端开发 索引
js添加、删除、替换、插入元素的方法
js添加、删除、替换、插入元素的方法
10 0
|
6天前
|
JavaScript 前端开发
JavaScript 循环方法详解
JavaScript 循环方法详解
18 1
|
6天前
|
JavaScript 前端开发
JavaScript数字方法详解
JavaScript数字方法详解
17 0
|
6天前
|
存储 JavaScript 前端开发
JavaScript对象方法详解
JavaScript对象方法详解
14 1
|
6天前
|
存储 JavaScript 前端开发
JavaScript字符串方法详解
JavaScript字符串方法详解
16 0