页面tips实现文字过长换行显示

来源:互联网 发布:mac os bogon 知乎 编辑:程序博客网 时间:2024/05/17 01:31

// js函数实现中英文判断处理

function tips(title, id)
{
 var width = 40;
 var xx = 0;
 var returntitle = "";
 for ( var i = 0; i < title.length; i++)
 {
  returntitle = returntitle + title.charAt(i);
  if(isChina(title.charAt(i)))
  {
   xx = xx + 2;
  }
  else
  {
   xx = xx + 1;
  }
  if (parseInt(xx) > parseInt(width))
  {
   returntitle = returntitle + "/n";
   xx = 0;
  }
 }
 document.getElementById(id).title=returntitle;
}
function isChina(s)
{
 var patrn = /[/u4E00-/u9FA5]|[/uFE30-/uFFA0]/gi;
 if (!patrn.exec(s))
 {
  return false;
 }
 else
 {
  return true;
 }
}

// 举例页面

<span title="${test }" id="titleid">${test }</span>

// 页面最底部调用下面的事件

// title 表示要tips中要显示的内容

// id表示要显示tips要显示的内容的id标识

<script>
 tips("${test }", titleid);
</script>

 

原创粉丝点击