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

如何计算页面某段文字的长度呢?我们如何通过jQuery 来实现呢?下面是小编给大家提供的实现函数代码,欢迎阅读,更多详情请关注应届毕业生考试网。

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

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

  Javascript代码:

var stringWidth = function(fontSize, content) {

var $span = $('<span></span>')()('font-size', fontSize)(content);

var w = $ndTo('body')h();

$ve();

return w;

};

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

<title>Document</title>

<script src=""></script>

<script>

var stringWidth = function(fontSize, content) {

var $span = $('<span></span>')()('font-size', fontSize)(content);

var w = $ndTo('body')h();

$ve();

return w;

};

$(function(){

if(console && ){

(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>