- 相關推薦
jQuery實現計算頁面某段文字的長度的函數
如何計算頁面某段文字的長度呢?我們如何通過jQuery 來實現呢?下面是小編給大家提供的實現函數代碼，歡迎閱讀，更多詳情請關注應屆畢業生考試網。
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>
【jQuery實現計算頁面某段文字的長度的函數】相關文章：
PHP中實現頁面跳轉07-06
PHP頁面跳轉實現技巧04-23
php頁面緩存實現方法07-20
jQuery Mobile + PHP實現文件上傳03-20
wps文字如何布局頁面07-13
PHP頁面跳轉幾種實現技巧07-26
php指定長度分割字符串str-split函數如何實現06-15
獲取php數組長度函數的方法06-05