前端笔记

Posted 2020-10-31 提提_qff

/*输入金额限制两位小数*/
<input type="number" placeholder="其他金额" class="m_input" onkeyup="clearNoNum(this)"/>

function clearNoNum(obj){
if(! /^\d+(\.\d{1,2})?$/.test(obj.value) ){
obj.value = obj.value.replace(/[^\d.]/g,""); //清除"数字"和"."以外的字符
obj.value = obj.value.replace(/^\./g,""); //验证第一个字符是数字而不是
obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的
obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,‘$1$2.$3‘); //只能输入两个小数
}

}

 

/*菜单固定到屏幕上*/
window.onscroll=function(){//滚轮事件
            var top=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop;//滚轮滚动的距离
            var node=document.getElementById(‘top-menu‘);//变化的菜单模块
            if(top>450){//就是滚动条滚动到440px位置，显示菜单，并且可以修改它的样式。
                node.style.position=‘fixed‘;
                node.style.width=‘100%‘;
                //node.style.background=‘#fff‘;
                node.style.left=‘0‘;
                node.style.top=‘0‘;
                node.style.zIndex="999";
            }else{//当鼠标滚动回初始位子样式变回。
                node.style.position=‘static‘;
                //node.style.background=‘rgba(0, 0, 0, 0)‘;
                node.style.zIndex="0";
                style="position:fixed;left:0px;top:0px;"
            }
        }

 

/*获取地理位置*/
<script src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js"></script>

//获取地理位置省份和城市  alert(remote_ip_info.province  + remote_ip_info.city)

/*跨域*/
//前端ajax请求
$.ajax({
         url: ‘‘,
         dataType: ‘json‘,
          type: ‘POST‘,
          xhrFields: {
         ‘withCredentials‘: true//跨域
          },
           crossDomain: true
 });
                                       

//php后端
 header(‘Access-Control-Allow-Origin:‘.(isset($_SERVER[‘HTTP_ORIGIN‘]) ? $_SERVER[‘HTTP_ORIGIN‘]: ‘*‘));
        header(‘Access-Control-Allow-Methods:GET,POST,PUT,DELETE,OPTIONS‘);
        header(‘Access-Control-Allow-Headers:Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With, Process-Data‘);
        header(‘Access-Control-Allow-Credentials:true‘);

 

/*返回上次浏览位置*/
<script src="jquery-1.8.3.min.js" type="text/javascript"</script>
  <script src="jquery.cookie.js" type="text/javascript"></script>
   $(function () {
        var str = window.location.href;
        str = str.substring(str.lastIndexOf("/") + 1);
        if ($.cookie(str)) {
        $("html,body").animate({ scrollTop: $.cookie(str) }, 1000);
        }
        else {
        }
    })

   $(window).scroll(function () {
        var str = window.location.href;
        str = str.substring(str.lastIndexOf("/") + 1);
        var top = $(document).scrollTop();
        $.cookie(str, top, { path: ‘/‘ });
        return $.cookie(str);
    })

 

/*判断各个平台*/
getUA = function() {
    var ua = navigator.userAgent.toLowerCase();
    var browser = {};
    if (ua.match(/iphone|nokia|sony|ericsson|mot|samsung|sgh|lg|philips|panasonic|alcatel|lenovo|cldc|midp|wap|mobile/i)) {
        browser.mobile = true; //判断是否是手机访问
    }
    if (ua.match(/MicroMessenger/i)) {
        browser.weChat = true; //判断是不是微信
    }
    if (ua.match(/iphone|ipad/i)) {
        browser.ios = true; //判断是不是ios系统
    }
    if (ua.match(/android/i)) {
        browser.android = true; //判断是不是安卓系统
    }
    if (ua.match(/Windows Phone/i)) {
        browser.wp = true; //判断是不是windows系统
    }
    if (ua.match(/ipad/i)) {
        browser.ipad = true;
    }
    return browser;
}

 

/*匹配行内style元素*/
function existdisplay() {
    $(‘body‘).find(‘.pop-box‘).each(function () {
         var block = new RegExp(‘display: block‘);
         var test = block.test($(this).attr("style"));

        if(test){
            exist = 1;
            return false;
        }else{
            exist = 0;
        }
    });
    return false;
}

 

/*苹果手机自动播放音频*/
//一般情况下，这样就可以自动播放了，但是一些奇葩iPhone机不可以 
  document.getElementById(‘audio‘).play(); 
//必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效  
  document.addEventListener("WeixinJSBridgeReady", function () { 
       document.getElementById(‘audio‘).play(); 
   }, false);

 

/*数字逗号分隔*/
function initNumber(){
      var num = $(‘.num‘).html(),num1 = $(‘.num1‘).html();//用原生函数，兼容不好
      $(‘.num‘).html(parseFloat(num).toLocaleString());
      $(‘.num1‘).html(parseFloat(num1).toLocaleString());

    var nums=$(‘.item_num‘).html();//number.toFixed(2).replace(/\d(?=(\d{3})+(?!\d))/g, ‘$&,‘ );正则分隔
    $(‘.item_info ‘).each(function(){
        var num = $(this).find(‘.item_num span‘).text();
        console.log(num.replace(/\d(?=(\d{3})+(?!\d))/g, ‘$&,‘ ));
        $(this).find(‘.item_num‘).html( num.replace(/\d(?=(\d{3})+(?!\d))/g, ‘$&,‘ ) );
    });
}

 

待续......