JS实现表格内容溢出显示省略号

JavaScript012

JS实现表格内容溢出显示省略号,第1张

好问题.....但是....

css不更好吗？

就目前而言，js实现几率为0....当然你愿意去做是可以的，用width/一个字符的宽度，然后得到的商是这个element的最大字符数量，但是现在的字符有些不等宽，会造成溢出或不够。。。

文本溢出

有些时候，文本会超出一个元素，这通常称为文本溢出，我们使用text-overflow来进行文本溢出的操作，如下：

text-overflow:[ clip | ellipsis | <string>]{1,2}

clip 这个关键字的意思是"在内容区域的极限处截断文本"，因此在字符的中间可能会发生截断驾为了能在两

个字符过渡处截断，你必须使用一个空字符串值 ('')此为默认值驾

ellipsis 这个关键字的意思是☆用一个省略号 ('□', U+2026 HORIZONTAL ELLIPSIS)来表示被截断的文本★驾这个

省略号被添加在内容区域中，因此会减少显示的文本驾如果空间太小到连省略号都容纳不下，那么这个省

略号也会被截断驾

<string> <string>用来表示被截断的文本驾字符串内容将被添加在内容区域中，所以会减少显示出的文本驾如果空

间太小到连省略号都容纳不下，那么这个字符串也会被截断驾

<FULL_PAGE_VALUE> 全局值 inherit | initial | unset

纯手打，求采纳o(^▽^)o

目测不会有问题，也不会你想要的效果

if (s==3){t=0}这里你写错了吧，应该是s=0吧。obj.src=ImgName[t]？？乱七八糟

你的代码执行流程：

1、obj.src='/images/loading.gif'赋值后，就等着小图标onload

2、小图标加载完成时，把图片地址改成当前图片地址，等图片onload(不会有你要的效果，小图标被替换了，缓存、网速快的话瞬间完事)

3、图片onload时，又修改地址为自身，不会触发onload了

我猜IE栈溢出是第3步的问题，改了图片地址就触发onload，不知道是什么版本IE

还有啊，图片地址用数组不好么,还搞个类多麻烦

var strimg=[]

strimg[0]="/upfile/2013-11/sfsfsf.jpg"

strimg[1]="/upfile/2013-11/sfsdfsdfsdf.jpg"

strimg[2]="/upfile/2013-11/sdfsdfsd.jpg"

要图片加载完毕前，小图标还在转的话，不要轻易覆盖掉小图标的地址，另外建个IMG加载图片

var s=0

function imgshow(obj){

    s<strimg.length&&++s||(s=0)//你定义了length属性，却不用？

    obj.src='/images/loading.gif'

    var img=new Image()

    img.src=strimg[s]

    img.onload=function(){

        obj.src=img.src//图片加载完毕后再显示

    }

}