资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划，从策略到执行的一站式服务

网站建设 >

查看其它板块

javascript怎么实现文本使用省略号替代

这篇文章将为大家详细讲解有关javascript怎么实现文本使用省略号替代，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

创新互联公司成立于2013年，公司以网站设计、做网站、系统开发、网络推广、文化传媒、企业宣传、平面广告设计等为主要业务，适用行业近百种。服务企业客户上千多家，涉及国内多个省份客户。拥有多年网站建设开发经验。为企业提供专业的网站建设、创意设计、宣传推广等服务。 通过专业的设计、独特的风格，为不同客户提供各种风格的特色服务。

Java的优点是什么

1. 简单，只需理解基本的概念，就可以编写适合于各种情况的应用程序；2. 面向对象；3. 分布性，Java是面向网络的语言；4. 鲁棒性，java提供自动垃圾收集来进行内存管理，防止程序员在管理内存时容易产生的错误。；5. 安全性，用于网络、分布环境下的Java必须防止病毒的入侵。6. 体系结构中立，只要安装了Java运行时系统，就可在任意处理器上运行。7. 可移植性，Java可以方便地移植到网络上的不同机器。8.解释执行，Java解释器直接对Java字节码进行解释执行。

javascript 实现文本使用省略号替代

实现效果图：

javascript怎么实现文本使用省略号替代

如果图片不清晰,建议放大浏览器的尺寸进行查看

1.这里是配合jQuery来进行替换的,所以jquery还是必备的,毕竟是轻量级,而且对各大的浏览器兼容性也好。所以开始页面引入jquery文件。

2.在页面添加样式。


    .text {
      background: #EEE;/*方便演示设置颜色*/
      /*width: 410px;*/
      height: 40px; /*高度是必须的,用来判断什么时候用...替代*/
      margin: 0;
      line-height: 20px;
      font-size: 14px;
    }
  

3.我这里测试使用的文本内容如下,读者可以自行设置。


    

      www.nowcoder.com



      牛客网良心网 程序员刷题必备网站
      牛客网良心网 程序员刷题必备网站
      牛客网良心网 程序员刷题必备网站
      牛客网良心网 程序员刷题必备网站
      牛客网良心网 程序员刷题必备网站
      牛客网良心网 程序员刷题必备网站
      牛客网良心网 程序员刷题必备网站
      牛客网良心网 程序员刷题必备网站
      牛客网良心网 程序员刷题必备网站
      牛客网良心网 程序员刷题必备网站
      牛客网良心网 程序员刷题必备网站
      牛客网良心网 程序员刷题必备网站
      牛客网良心网 程序员刷题必备网站
      牛客网良心网 程序员刷题必备网站
      牛客网良心网 程序员刷题必备网站
      牛客网良心网 程序员刷题必备网站
      牛客网良心网 程序员刷题必备网站
      牛客网良心网 程序员刷题必备网站
      牛客网良心网 程序员刷题必备网站
      牛客网良心网 程序员刷题必备网站
      牛客网良心网 程序员刷题必备网站
    

  
       

      www.nowcoder.com       牛客网良心网 程序员刷题必备网站       牛客网良心网 程序员刷题必备网站       牛客网良心网 程序员刷题必备网站       牛客网良心网 程序员刷题必备网站       牛客网良心网 程序员刷题必备网站       牛客网良心网 程序员刷题必备网站       牛客网良心网 程序员刷题必备网站       牛客网良心网 程序员刷题必备网站       牛客网良心网 程序员刷题必备网站       牛客网良心网 程序员刷题必备网站       牛客网良心网 程序员刷题必备网站       牛客网良心网 程序员刷题必备网站       牛客网良心网 程序员刷题必备网站       牛客网良心网 程序员刷题必备网站       牛客网良心网 程序员刷题必备网站       牛客网良心网 程序员刷题必备网站       牛客网良心网 程序员刷题必备网站       牛客网良心网 程序员刷题必备网站       牛客网良心网 程序员刷题必备网站       牛客网良心网 程序员刷题必备网站       牛客网良心网 程序员刷题必备网站     

  

4.在页面的末尾部分加入如下js代码,在页面加载完毕后,进行换行操作。


    $(document).ready(function () {
      wrapText();
    });
    function wrapText() {
      $(".text").each(function (i) {
        var divH = $(this).height();
        var $p = $("p", $(this)).eq(0);
        while ($p.outerHeight() > divH) {
          $p.text($p.text().replace(/(\s)*([a-zA-Z0-9]+|\W)(\.\.\.)?$/, "..."));
        }
      });
    }
  

需要注意的是上面的js代码使用的文本里面设置的class名称.

关于“javascript怎么实现文本使用省略号替代”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。


名称栏目：javascript怎么实现文本使用省略号替代
当前网址：http://cdkjz.cn/article/gppdio.html
返回首页 了解更多建站资讯

相关资讯

多年建站经验

多一份参考，总有益处

联系快上网，免费获得专属《策划方案》及报价

咨询相关问题或预约面谈，可以通过以下方式与我们联系

大客户专线   成都：13518219792   座机：028-86922220

在线咨询 提交需求
友情链接 交换友情链接
小程序开发成都免费建网站成都网站建设哪家好成都网站建设腾讯云虚拟主机网站推广优化成都网站建设报价成都做网站成都翻译公司成都微信公众号开发

成都网站建设公司地址：成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220

成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.

专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网！ | 成都网站建设哪家好？ | 网站建设地图