美文网首页前端知识
记录几个常用方法

记录几个常用方法

作者: yimi珊 | 来源:发表于2018-02-12 16:44 被阅读9次

目录

  1. 是否为微信环境
    2.判断为 IOS环境或者Android环境
    3.获取url参数
    4.文本超出使用“...”显示

是否为微信环境

is_weixn: function() {
    var ua = navigator.userAgent.toLowerCase();
    if (ua.match(/MicroMessenger/i) == "micromessenger") {
        return true;//微信环境
    } else {
        return false;
    }
}

判断为 IOS环境或者Android环境

//1---Android
//0---IOS
ismobile:function(test){
    var u = navigator.userAgent, app = navigator.appVersion;
    if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
     if(window.location.href.indexOf("?mobile")<0){
      try{
       if(/iPhone|mac|iPod|iPad/i.test(navigator.userAgent)){
        return '0';
       }else{
        return '1';
       }
      }catch(e){}
     }
    }else if( u.indexOf('iPad') > -1){
        return '0';
    }else{
        return '1';
    }
}

获取url参数

GetRequest:function() {  
   var url = location.search; 
   var theRequest = new Object();  
   if (url.indexOf("?") != -1) {  
      var str = url.substr(1);  
      strs = str.split("&");  
      for(var i = 0; i < strs.length; i ++) {  
         theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);  
      }  
   }  
   return theRequest;  
}

文本超出使用“...”显示

单行文本
overflow: hidden;/** 超出隐藏 **/
text-overflow:ellipsis;/** 当内联内容溢出块容器时,将溢出部分替换为(...) **/
white-space: nowrap;/** 强制不换行 **/
image.png
多行文本
display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-webkit-line-clamp: 2; /** 显示的行数 **/
overflow: hidden;  /** 隐藏超出的内容 **/
image.png

相关文章

网友评论

    本文标题:记录几个常用方法

    本文链接:https://www.haomeiwen.com/subject/zatdtftx.html