前端学习笔记(一)

一、好用的小效果
如点击页面上的电话号码,可直接提示拨号;
如点击页面上的短信,可直接提示发短信;
如点击页面上的邮箱,可直接提示发邮件;

<a href="tel:021-678-1234">拨打电话<a>
<a href="sms:19445634545">发送短信<a>
<a href="mailto:[email protected]">发送邮件<a>

二、判断设备类型

var u = navigator.userAgent.toLowerCase();
        if (u.indexOf('android') > -1 || u.indexOf('linux') > -1) { 
              //安卓手机
        } else if (u.indexOf('iphone') > -1) {
             //苹果手机
        } else if (u.indexOf('windows phone') > -1) {
             //winphone手机
        }

三、文本溢出显示省略号

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        .one{
            width: 300px;
            overflow: hidden;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;  }
    </style>
</head>
<body>
    <div class="one">
        哈哈的法国大使馆哈哈,哈哈的法国大使馆哈哈哈哈的法国大使馆哈哈哈哈的法国大使馆哈哈哈哈的法国大使馆哈哈哈哈的法国大使馆哈哈
    </div>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/cgz_codedog/article/details/87094049