常用js代码整理、收集

个人整理了一下个人常用到的一些js代码，以方便学习以及日后使用，或许有一些是个人之前从网上摘下来的，但是不记得是具体从哪里来的了，如果你看到有一段代码跟你的文章很相似甚至一样，请不要气愤，请告诉我，我必定加上版权链接。

清除输入框默然提示文字

 <input type="text" name="word" value='请输入关键字' style="color:#ccc;" />
 <script>
 /*
 *清除输入框默然提示文字
 */
 jQuery.focusblur = function(focusid,focusColor,blurColor) {
     var focusblurid = $(focusid);
     var defval = focusblurid.val();
     focusblurid.focus(function(){
         var thisval = $(this).val();
         if(thisval==defval){
             $(this).val("");
             $(this).css("color",focusColor);
         }
     });
     focusblurid.blur(function(){
         var thisval = $(this).val();
         if(thisval==""){
             $(this).val(defval);
             $(this).css("color",blurColor);
         }else{
             $(this).css("color",focusColor);
         }
     });

 };

 $(document).ready(function(){
     //清除name='world'的input里的默认提示文字
     $.focusblur("[name='word']","#333","#ccc");

 })
 </script>

返回顶部

 <!-- 返回顶部 -->
 <style>
 #gotop{display:none; width:80px; height:30px; line-height:30px; text-align:center; border:1px solid #dedede; background-color:#f8f8f8; cursor:pointer;
         position:fixed; bottom:40px; right:20px; z-index:99999;
 }
 </style>
 <div id="gotop">gotop</div>
 <script type='text/javascript'>
   var backTop=function (btnId){
         var btn=document.getElementById(btnId);
         var d=document.documentElement;
         var b=document.body;
         window.onscroll=set;
         btn.onclick=function (){
             btn.style.display="none";
             window.onscroll=null;
             this.timer=setInterval(function(){
                 d.scrollTop-=Math.ceil((d.scrollTop+b.scrollTop)*0.1);
                 b.scrollTop-=Math.ceil((d.scrollTop+b.scrollTop)*0.1);
                 if((d.scrollTop+b.scrollTop)==0) clearInterval(btn.timer,window.onscroll=set);
             },10);
         };
         function set(){btn.style.display=(d.scrollTop+b.scrollTop>800)?'block':"none"} //滚动的高度大于800px时才显示
     };
     backTop('gotop');
 </script>
 <!-- 返回顶部END -->

去除数组里的重复项

 /*
 *去除数组里的重复项
 */
 function uniQueue(array){
   var arr=[];
   var m;
   while(array.length>0){
       m=array[0];
       arr.push(m);
       array=$.grep(array,function(n,i){
       return n==m;
       },true);
   }
   return arr;
 }
 var testArr=[3,3,2,1,5,5];
 alert(testArr);                //[3,3,2,1,5,5]
 alert(uniQueue(testArr));    //[3,2,1,5]

上一个要用到jquery，要引入jquery或许太麻烦了点，于是乎弄了个原生态js的

 //去除数组里的重复项（纯javascript实现）
 function uniQueue(arr){
   if(!(arr instanceof Array)) return false;
   for(var i=0; i<arr.length; i++){
      for(var j=i+1; j<arr.length; j++){
         if(arr[i]==arr[j]) arr.splice(j,1);
      }
   }
   return arr;
 }

 var arr=["a","b","a","c","c"];
 uniQueue(arr);  //arr=["a","b","c"]

为了方便使用，直接把它封装成Array的prototype原型对象函数

 //封装成Array对象的prototype原型对象函数(去除数组里的重复项)
 Array.prototype.uniQueue=function(){
   for(var i=0; i<this.length; i++){
      for(var j=i+1; j<this.length; j++){
         if(this[i]==this[j]) this.splice(j,1);
      }
   }
   return this;

 }

 var arr=["a","b","a","c","c"];
 arr.uniQueue();  //arr=["a","b","c"]

有时候或许需要这样子的要求：出现重复的时候，去除前面的，保留后面的，如要把["a","b","a","c","c"]去除重复项后要求变成这样子["b","a","c"]而不是["a","b","c"]。对之前的代码稍作修改即可：

 function uniQueue(arr){
   if(!(arr instanceof Array)) return false;
   for(var i=0; i<arr.length; i++){
      for(var j=i+1; j<arr.length; j++){
         if(arr[i]==arr[j]) arr.splice(i,1); //删除出现相同元素中下标小的，即前者
      }
   }
   return arr;
 }

 var arr=["a","b","a","c","c"];
 uniQueue(arr);   //此时arr=["b","a","c"],而不是//arr=["a","b","c"]

冒泡排序

 /*
 * 冒泡排序
 */
 function bubbleSort(arg){
     return bubbleSortTemp(arg.arr,
                    arg.order || "asc");
 }
 function bubbleSortTemp(arr,order){
     if(!(arr instanceof Array)) return false;
     if(order=="asc"){          //asc:升序
         for(var i=0;i<arr.length;i++){
             for(var j=i+1;j<arr.length;j++){
                 if(arr[i]>arr[j]){
                     var temp=arr[i];
                     arr[i]=arr[j];
                     arr[j]=temp;
                 }
             }
         }
         return arr;
     }else if(order=="desc"){   //desc:降序
         for(var i=0;i<arr.length;i++){
             for(var j=i+1;j<arr.length;j++){
                 if(arr[i]<arr[j]){
                     var temp=arr[i];
                     arr[i]=arr[j];
                     arr[j]=temp;
                 }
             }
         }
         return arr;
     }else{
         return false;
     }
 }
 //具体例子如下
 var testArr=[2,4,5,1,3,6,8,7];
 alert(testArr);                                //[2,4,5,1,3,6,8,7]
 alert(bubbleSort({arr:testArr,order:"desc"})); //[8,7,6,5,4,3,2,1]
 alert(bubbleSort({arr:testArr,order:"asc"}));  //[1,2,3,4,5,6,7,8]
 alert(bubbleSort({arr:testArr}));               //[1,2,3,4,5,6,7,8]

把冒泡排序封装成prototype原型对象函数

 /*
 *把冒泡排序封装成prototype原型对象函数
 */
 Array.prototype.asc=function(){ //升序排序
     for(var i=0;i<this.length;i++){
         for(var j=i+1;j<this.length;j++){
            if(this[i]>this[j]){
               var temp=this[i];
               this[i]=this[j];
               this[j]=temp;
             }
         }
     }
     return this;
 }
 Array.prototype.desc=function(){//降序排序
     for(var i=0;i<this.length;i++){
         for(var j=i+1;j<this.length;j++){
            if(this[i]<this[j]){
               var temp=this[i];
               this[i]=this[j];
               this[j]=temp;
             }
         }
     }
     return this;
 }
 //具体例子如下
 var testArr=[2,4,5,1,3,6,8,7];
 alert(testArr.asc());  //[1,2,3,4,5,6,7,8]
 alert(testArr.desc()); //[8,7,6,5,4,3,2,1]

让ie支持getElementsByClassName方法

  if (navigator.appName == 'Microsoft Internet Explorer') {   //让ie支持getElementsByClassName方法
         document.getElementsByClassName = function() {
             var tTagName = "*";
             if (arguments.length > 1) {
                 tTagName = arguments[1];
             }
             if (arguments.length > 2) {
                 var pObj = arguments[2]
             } else {
                 var pObj = document;
             }
             var objArr = pObj.getElementsByTagName(tTagName);
             var tRObj = new Array();
             for ( var i = 0; i < objArr.length; i++) {
                 if (objArr[i].className == arguments[0]) {
                     tRObj.push(objArr[i]);
                 }
             }
             return tRObj;
         }
  }