发布于 2017-01-08 07:58:37 | 14 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的Javascript教程,程序狗速度看过来!

JavaScript客户端脚本语言

Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。


正如标题所言我们可以使用CSS截断字符串:IE,FireFox,Opera ,Safari都兼容也可以使用js截取,具体实现如下,希望对大家有所帮助
方法一:用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> 


相关阅读 :
HTML长文本截取含有HTML代码同样适用的两种方法
js截取字符串的两种方法及区别详解
js中判断文本框是否为空的两种方法
html页面显示年月日时分秒和星期几的两种方式
javascript 处理HTML元素必须避免使用的一种方法
js全屏显示显示代码的三种方法
用js调用迅雷下载代码的二种方法
两种方法实现文本框输入内容提示消失
JavaScript trim 去除字符串空格的三种方法(附代码详解)
JS下高效拼装字符串的几种方法比较与测试代码
在textarea文本域中显示HTML代码的方法
在HTML代码中使用JavaScript代码的例子
最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2015 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务