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>