几个js方法笔记总结

  1. :在a标签中打开新页面
        function goto(val){
            if(val.length>1){
                if(confirm("是否打开新页面")){
                               var tempwindow=window.open('_blank'); // 先打开页面
                               tempwindow.location=val; // 后更改页面地址
                               return false;
                           }
                           return false;
                       }
                       return false;
                   }
  1. 去除数组中重复的元素值
https://github.com/wteam-xq/testDemo/blob/master/array.html
实现思路:获取没重复的最右一值放入新数组。(检测到有重复值时终止当前循环同时进入顶层循环的下一轮判断)   //有重复不管它,后面会再遇到它,最右值查找
 // 思路:获取没重复的最右一值放入新数组
    function unique5(array){
     var r = [];
     for(var i = 0, l = array.length; i < l; i++) {
      for(var j = i + 1; j < l; j++)
       if (array[i] === array[j]) j = ++i;
      r.push(array[i]);
     }
     return r;
    }
  1. 把RGB颜色转为16进制颜色
例子:输入:rgb(176,114,98)输出:#B07262代码如下:
function colorRGBtoHex(color) {
    var rgb = color.split(',');
    var r = parseInt(rgb[0].split('(')[1]);
    var g = parseInt(rgb[1]);
    var b = parseInt(rgb[2].split(')')[0]);
    var hex = "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
    return hex;
}
  1. 鼠标滚动事件
    //兼容性写法,该函数也是网上别人写的,不过找不到出处了,蛮好的,所有我也没有必要修改了
    //判断鼠标滚轮滚动方向
    if (window.addEventListener)//FF,火狐浏览器会识别该方法
        window.addEventListener('DOMMouseScroll', wheel, false);
    window.onmousewheel = document.onmousewheel = wheel;//W3C
    //统一处理滚轮滚动事件
    function wheel(event){
        var delta = 0;
        if (!event) event = window.event;
        if (event.wheelDelta) {//IE、chrome浏览器使用的是wheelDelta,并且值为“正负120”
            delta = event.wheelDelta/120;
            if (window.opera) delta = -delta;//因为IE、chrome等向下滚动是负值,FF是正值,为了处理一致性,在此取反处理
        } else if (event.detail) {//FF浏览器使用的是detail,其值为“正负3”
            delta = -event.detail/3;
        }
        if (delta)
            handle(delta);
    }
    //上下滚动时的具体处理函数
    function handle(delta) {
    if (delta <0){//向下滚动
        
        }else{//向上滚动
            
        }
    }
 
 
5.获取 浏览器窗口可视区域大小  937..
function getClientHeight(){
  var clientHeight=0;
  if(document.body.clientHeight&&document.documentElement.clientHeight)
  {
  var clientHeight = (document.body.clientHeight<document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;
  }
  else
  {
  var clientHeight = (document.body.clientHeight>document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;
  }
  return clientHeight;}
 
 
 
 
 
 
 
 
 
 
 
 
 
posted @ 2020-05-21 16:52  一码哥  阅读(154)  评论(0)    收藏  举报