手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >HTML长文本截取含有HTML代码同样适用的两种方法
HTML长文本截取含有HTML代码同样适用的两种方法
摘要:方法一:用CSS截断字符串:IE,FireFox,Opera,Safari都兼容复制代码代码如下:.subLongText{width:15...

方法一:用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>任意长度文本</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 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>

【HTML长文本截取含有HTML代码同样适用的两种方法】相关文章:

JavaScript通过事件代理高亮显示表格行的方法

JS实现窗口加载时模拟鼠标移动的方法

JavaScript检测字符串中是否含有html标签实现方法

js获取滚动距离的方法

JS或jQuery获取ASP.NET服务器控件ID的方法

js判断鼠标位置是否在某个div中的方法

javascript判断并获取注册表中可信任站点的方法

JavaScript每天定时更换皮肤样式的方法

在HTML中插入JavaScript代码的示例

js去字符串前后空格的实现方法

精品推荐
分类导航