前端笔记(代码片段)

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

function clearNoNum(obj)
if(! /^\d+(\.\d1,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(?=(\d3)+(?!\d))/g, ‘$&,‘ );正则分隔
    $(‘.item_info ‘).each(function()
        var num = $(this).find(‘.item_num span‘).text();
        console.log(num.replace(/\d(?=(\d3)+(?!\d))/g, ‘$&,‘ ));
        $(this).find(‘.item_num‘).html( num.replace(/\d(?=(\d3)+(?!\d))/g, ‘$&,‘ ) );
    );