如何計算頁面某段文字的長度呢?我們如何通過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>