HTML长文本截取含有HTML代码同样适用的两种方法


Posted in Javascript onJuly 31, 2013

方法一:用CSS截断字符串:IE,FireFox,Opera ,Safari都兼容

.subLongText{ 
width:150px; 
height:24px; 
overflow:hidden; 
white-space:nowrap; 
text-overflow:ellipsis; 
text-overflow: ellipsis;/* IE/Safari */ 
-ms-text-overflow: ellipsis; 
-o-text-overflow: ellipsis;/* Opera */ 
-moz-binding: url("ellipsis.xml#ellipsis");/*FireFox*/ 
} 
<span class="subLongText">任意长度文本</span>

方法二:用js截取
<HTML> 
<HEAD> 
<TITLE>JQUERY 文本截取方法</TITLE> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
<script type="text/javascript" src="jquery-1.3.2.js"></script> 
<script type="text/javascript"> 
$.fn.substr = function(length,content){ 
$(this).each(function(i,item){ 
var val=$(item).html(); 
if(!val) return; 
if(val.length>length) { 
val = val.substring(0,length); 
val += content || "..." 
$(item).html(val); 
} 
}); 
} 
function subTdContent(){ 
$('td').substr(20); 
} 
</script> 
</HEAD> 
<BODY onload="javascript:subTdContent();"> 
<table style="border:1px solid #b3c0f5;" border="1"> 
<tr> 
<td>我是代码:$.fn.substr = function(l,c){ $(this).each(function(i,item)</td> 
<td>以下两种方式都可以解决textarea行高自动适应类容的高度</td> 
<td>以下两种方式都可以解决textarea行</td> 
</tr> 
</table> 
</BODY> </HTML>
Javascript 相关文章推荐
SyntaxHighlighter代码加色使用方法
Sep 07 Javascript
js中eval详解
Mar 30 Javascript
js获取指定的cookie的具体实现
Feb 20 Javascript
php is_numberic函数造成的SQL注入漏洞
Mar 10 Javascript
原生Ajax 和jQuery Ajax的区别示例分析
Dec 17 Javascript
JavaScript 里的类数组对象
Apr 08 Javascript
深入分析Javascript跨域问题
Apr 17 Javascript
简单实现jQuery弹窗效果
Oct 30 jQuery
vue.js给动态绑定的radio列表做批量编辑的方法
Feb 28 Javascript
vue.js的computed,filter,get,set的用法及区别详解
Mar 08 Javascript
详解webpack 最简打包结果分析
Feb 20 Javascript
Vue scoped及deep使用方法解析
Aug 01 Javascript
JS的千分位算法实现思路
Jul 31 #Javascript
一个JS的日期格式化算法示例
Jul 31 #Javascript
jquery实现div拖拽宽度示例代码
Jul 31 #Javascript
JS 获取浏览器和屏幕宽高等信息的实现思路及代码
Jul 31 #Javascript
javascript获取下拉列表框当中的文本值示例代码
Jul 31 #Javascript
禁用页面部分JavaScript方法的具体实现
Jul 31 #Javascript
jquery 单引号和双引号的区别及使用注意
Jul 31 #Javascript
You might like
40个迹象表明你还是PHP菜鸟
2008/09/29 PHP
高质量PHP代码的50个实用技巧必备(下)
2016/01/22 PHP
基于jquery的$.ajax async使用
2011/10/19 Javascript
jQuery实现动画效果的实例代码
2013/05/07 Javascript
AJAX跨域请求json数据的实现方法
2013/11/11 Javascript
javascript抽象工厂模式详细说明
2014/12/16 Javascript
node.js中的fs.chmod方法使用说明
2014/12/18 Javascript
JS实现点击按钮后框架内载入不同网页的方法
2015/05/05 Javascript
微信小程序 Audio API详解及实例代码
2016/09/30 Javascript
js实现把图片的绝对路径转为base64字符串、blob对象再上传
2016/12/29 Javascript
html5+canvas实现支持触屏的签名插件教程
2017/05/08 Javascript
AngularJS实现表单验证功能详解
2017/10/12 Javascript
详解Vue源码之数据的代理访问
2018/12/11 Javascript
微信小程序如何访问公众号文章
2019/07/08 Javascript
JS正则表达式验证密码强度
2020/03/18 Javascript
javascript前端实现多视频上传
2020/12/13 Javascript
Python的词法分析与语法分析
2013/05/18 Python
python超简单解决约瑟夫环问题
2015/05/12 Python
python画图——实现在图上标注上具体数值的方法
2019/07/08 Python
OpenCV 使用imread()函数读取图片的六种正确姿势
2020/07/09 Python
法国大使拉杆箱官网:DELSEY Paris
2018/03/20 全球购物
英国领先的体验日提供商:Buyagift
2019/04/19 全球购物
俄罗斯一家时尚女装商店:Charuel
2019/12/04 全球购物
如何打印出当前源文件的文件名以及源文件的当前行号
2015/04/05 面试题
Prototype中如何为一个元素添加一个方法
2014/12/08 面试题
Java的类可以定义为Protected或者Private得吗
2015/09/25 面试题
财务会计毕业生自荐信
2013/11/02 职场文书
奥巴马英文演讲稿
2014/05/15 职场文书
2014坚持党风廉政建设思想汇报
2014/09/18 职场文书
学雷锋日活动总结
2015/02/06 职场文书
工程技术负责人岗位职责
2015/04/13 职场文书
人民检察院起诉书
2015/05/20 职场文书
2015年语文教师工作总结
2015/05/25 职场文书
运动会宣传稿100字
2015/07/23 职场文书
“学党章、守党纪、讲党规”学习心得体会
2016/01/14 职场文书
八年级作文之友情
2019/11/25 职场文书