一些常用的代码片段

  // 拓展zepto-> 给$对象添加自定义的属性或者方法 
  $.extend($, {
      /*获取url的数据片段*/
    getURLValue: function (name) {
      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
      var r = window.location.search.substr(1).match(reg);
      if (r != null) return decodeURI(r[2]);
      return null;
    },
     /*验证手机号码的数据片段*/
    checkPhone: function (phone) {
      if (!(/^1[34578]\d{9}$/.test(phone))) {
        return false;
      } else {
        return true;
      }
    },
    /*验证邮箱的数据片段*/
    checkEmail: function (myemail) {
      var myReg = /^[a-zA-Z0-9_-]+@([a-zA-Z0-9]+\.)+(com|cn|net|org)$/;
      if (myReg.test(myemail)) {
        return true;
      } else {
        return false;
      }
    },
    checkLogin: function () {
      // 判断永久存储中有没有userinfo
      return localStorage.getItem("userinfo");
    },
    token: function () {
      // 如果userinfo 存在 返回token 否则就返回 ""
      var token;
      if (!localStorage.getItem("userinfo")) {
        token = "";
      } else {
        token = JSON.parse(localStorage.getItem("userinfo")).token;
      }
      return token;
    },
    // 把当前页面存放到 会话存储 中
    setPage:function () {
      sessionStorage.setItem("pageName", location.href);
    },
    // 把页面的url从 会话存储 中取出
    getPage:function () {
     return sessionStorage.getItem("pageName");
    },
    // 把用户信息存放到 永久存储 中
    setUser:function (obj) {
      localStorage.setItem("userinfo", JSON.stringify(obj));
    },
    // 从 永久存储 中取出 用户信息
    getUser:function () {
      return localStorage.getItem("userinfo")?JSON.parse(localStorage.getItem("userinfo")):false;
    },
    // 删除永久存储中的userinfo数据
    removeUser:function () {
      localStorage.removeItem("userinfo");

    }
  });
//阻止默认行为
// 原生js
document.getElementById('btn').addEventListener('click', function (event) {
    event = event || window.eventif (event.preventDefault){
        // w3c方法 阻止默认行为
        event.preventDefault();
    } else{
        // ie 阻止默认行为
        event.returnValue = false;
    }
}, false);

// jQuery
$('#btn').on('click', function (event) {
    event.preventDefault();
});
//阻止冒泡
// 原生js
document.getElementById('btn').addEventListener('click', function (event) {
    event = event || window.eventif (event.stopPropagation){
        // w3c方法 阻止冒泡
        event.stopPropagation();
    } else{
        // ie 阻止冒泡
        event.cancelBubble = true;
    }
}, false);

// jQuery
$('#btn').on('click', function (event) {
    event.stopPropagation();
});
//滚轮事件
$('#content').on("mousewheel DOMMouseScroll", function (event) { 
    // chrome & ie || // firefox
    var delta = (event.originalEvent.wheelDelta && (event.originalEvent.wheelDelta > 0 ? 1 : -1)) || 
        (event.originalEvent.detail && (event.originalEvent.detail > 0 ? -1 : 1));  

    if (delta > 0) { 
        // 向上滚动
        console.log('mousewheel top');
    } else if (delta < 0) {
        // 向下滚动
        console.log('mousewheel bottom');
    } 
})
//检测是否支持svg
function isSupportSVG() { 
    var SVG_NS = 'http://www.w3.org/2000/svg';
    return !!document.createElementNS &&!!document.createElementNS(SVG_NS, 'svg').createSVGRect; 
} 

// 测试
console.log(isSupportSVG());
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值