苏州Java培训
达内苏州java培训中心

0512-67873100

热门课程

jQuery计算页面某段文字的长度的函数

  • 时间:2016-02-04 13:19
  • 发布:苏州java培训
  • 来源:企业笔试题

jQuery计算页面某段文字的长度的函数
核心函数,注意是基于JQuery。这个办法计算的值,无法大于页面宽度。

Javascript代码:

var stringWidth = function(fontSize, content) {
    var $span = $('<span></span>').hide().css('font-size', fontSize).text(content);
    var w = $span.appendTo('body').width();
    $span.remove();
    return w;
};

一个页面的完整例子,请打开控制台看结果:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>  
    <script>
        var stringWidth = function(fontSize, content) {
            var $span = $('<span></span>').hide().css('font-size', fontSize).text(content);
            var w = $span.appendTo('body').width();
            $span.remove();
            return w;
        };

        $(function(){
            if(console && console.log){
                console.log(stringWidth('12px', 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia, quos repellat maiores doloribus laborum natus quo laboriosam illum hic deleniti. Laborum, quisquam eaque sapiente quasi minus eveniet officiis vel perferendis!'));
            }
        });
    </script>
    <style type="text/css">
    </style>
</head>
<body>
</body>

</html>

苏州java培训:suz.java.tedu.cn

上一篇:jQuery图片左右滚动插件代码
下一篇:jQuery技术学习的一点点总结

Java编程计算任意两个日期相距的天数

Java语言中定义常量注意事项解析

Java生成不规则验证码程序代码

Java读取操作Word,PDF,Excel的四种方法

选择城市和中心
贵州省

广西省

海南省