1.在</body>前加入<span id="ruler">test</span>
2.在css中写入
#ruler {
visibility: hidden;
white-space: nowrap;
font-size: 24px;
}
3.在js中写入
String.prototype.visualLength = function()
{
var ruler = $("#ruler");
ruler.text(this);
return ruler[0].offsetWidth;
}
4.调用方法
var text = "test";
var len = text.visualLength();
本文仅方便自己使用文章来源：http://www.jb51.net/article/45096.htm
