- 相關(guān)推薦
jQuery實(shí)現(xiàn)計(jì)算頁(yè)面某段文字的長(zhǎng)度的函數(shù)
如何計(jì)算頁(yè)面某段文字的長(zhǎng)度呢?我們?nèi)绾瓮ㄟ^(guò)jQuery 來(lái)實(shí)現(xiàn)呢?下面是小編給大家提供的實(shí)現(xiàn)函數(shù)代碼，歡迎閱讀，更多詳情請(qǐng)關(guān)注應(yīng)屆畢業(yè)生考試網(wǎng)。
jQuery計(jì)算頁(yè)面某段文字的長(zhǎng)度的函數(shù)：核心函數(shù)，注意是基于JQuery。這個(gè)辦法計(jì)算的值，無(wú)法大于頁(yè)面寬度。
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;
};
一個(gè)頁(yè)面的完整例子，請(qǐng)打開控制臺(tái)看結(jié)果：
<!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實(shí)現(xiàn)計(jì)算頁(yè)面某段文字的長(zhǎng)度的函數(shù)】相關(guān)文章：
PHP頁(yè)面跳轉(zhuǎn)實(shí)現(xiàn)技巧09-19
PHP中實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)07-06
php頁(yè)面緩存實(shí)現(xiàn)方法07-20
jQuery Mobile + PHP實(shí)現(xiàn)文件上傳10-20
PHP頁(yè)面跳轉(zhuǎn)幾種實(shí)現(xiàn)技巧07-26
php指定長(zhǎng)度分割字符串str-split函數(shù)如何實(shí)現(xiàn)06-15
java構(gòu)造函數(shù)實(shí)現(xiàn)代碼示例08-23
Java實(shí)現(xiàn)反射學(xué)習(xí)函數(shù)的應(yīng)用10-22