- 相关推荐
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页面跳转实现技巧09-19
PHP中实现页面跳转07-06
php页面缓存实现方法07-20
jQuery Mobile + PHP实现文件上传10-20
PHP页面跳转几种实现技巧07-26
php指定长度分割字符串str-split函数如何实现06-15
java构造函数实现代码示例08-23
Java实现反射学习函数的应用10-22
JSP页面如何实现文件上传下载09-23