怎样在html里面 截取字符串的前3位

一、怎样在html里面 截取字符串的前3位

1、方法一：利用css，其优点是内容可以为任何HTML元素，包括超链接和图片等，在IE6中还会在结尾自动显示省略号。缺点是必须指定宽度数值，并且宽度不能是百分数，否则在IE中会被认为是字符总长的百分比。如下例：

2、<div style="width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">任意长度的字符串</div>

3、方法二：利用表单中的input，其优点是宽度可以设为百分数。但缺点是内容只能为纯文本，不能有超链接等内容。如下例

4、<input type=”text” style=”width:100%; cursor:default; border-width:0; border-style:none; background-color:transparent;” value=”任意长度的字符串” readonly/>

二、什么是css选择器字符串

css的选择器是还是比较富的，主要的css选择器如下：

标签选择器（如：body,div,p,ul,li）

.类选择器（如：class="head",class="head_logo"）

ID选择器（如：id="name",id="name_txt"）

.组合选择器（如：.head.head_logo,注意两选择器用空格键分开）

.继承选择器（如：div p,注意两选择器用空格键分开）

伪类选择器（如：就是链接样式,a元素的伪类，4种不同的状态：link、visited、active、hover。）

字符串匹配的属性选择符(^$*三种，分别对应开始、结尾、包含)

以上选择器在日常开发中最常用的就是标签选择器、类选择器和id选择器，下面是这三种选择器的基本用法1、标签名选择器一个XHTML文档中有许多标签，例如p标签，h1标签等。若要使文档中的所有p标签都使用同一个CSS样式，就应使用标签选择器。

div{color:red;border:1px blue solid;}

2、类选择器使用标签选择器可以为整个XHTML文档中的同一个标签指定相同的CSS样式。但是在实际运用中，XHTML文档中的同一个标签会被反复使用。若要为相同的标签赋予不同的CSS样式就应使用类选择器。

<div class="test">测试代码</div>

.test{color:red;border:1px blue solid;}

3、id选择器，id选择器是唯一的，只可以获取独一无二的一个元素。

<div id="test">测试代码</div>

#test{color:red;border:1px blue solid;}

三、jquery怎么截取字符串

1、jquery并没有提供截取字符串的相关方法，也没有必要；

2、jquery并不是一门单独的语言，只是javascript的一个扩展库，主要作用是简化html元素选取操作/css控制/Ajax等，还有一下js特效和动画；

3、要截取字符串，可以用js原生方法；

4、js提供了三个提取字符串的方法（这三种方法都不改变源字符串）：

5、substr(start, length):字符串中抽取从开始下标(start,下标是从0开始的)开始的指定数目(lenght)的字符。

6、start：必需。要抽取的子串的起始下标。必须是数值。如果是负数，那么该参数声明从字符串的尾部开始算起的位置。也就是说，-1指字符串中最后一个字符，-2

7、length：可选。子串中的字符数。必须是数值。如果省略了该参数，那么返回从 stringObject的开始位置到结尾的字串。

8、substring(from, to):提取字符串中介于两个指定下标之间的字符，

9、返回的子串包括开始处的字符，但不包括结束处的字符

10、from：必需。一个非负的整数，规定要提取的子串的第一个字符在 string Object中的位置。

11、to：可选。一个非负的整数，比要提取的子串的最后一个字符在 string Object中的位置多 1，如果省略该参数，那么返回的子串会一直到字符串的结尾。

12、document.write(str.substring(3)+"<br>");//输出结果： lo world!

13、document.write(str.substring(3,7));//输出结果： lo w

14、slice(start,end):此方法和substring类似，可提取字符串的某个部分，并以新的字符串返回被提取的部分。使用 start和 end参数来指定字符串提取的部分。字符串中第一个字符位置为 0,第二个字符位置为 1,以此类推。

15、提示：如果是负数，则该参数规定的是从字符串的尾部开始算起的位置。也就是说，-1指字符串的最后一个字符，-2

16、start：必须.要抽取的片断的起始下标。第一个字符位置为 0

17、end：可选。紧接着要抽取的片段的结尾的下标。若未指定此参数，则要提取的子串包括 start

18、到原字符串结尾的字符串。如果该参数是负数，那么它规定的是从字符串的尾部开始算起的位置。

19、 alert(str.slice(0,1));//输出： H

20、 alert(str.slice(-2));//输出： d!

21、 alert(str.slice(3,8));//输出： lo wo

22、另外还有一个选取单个字符的方法

23、charAt(index):返回指定位置(index)的字符,第一个字符位置为 0,第二个字符位置为 1,以此类推.

24、alert(str.charAt(2));//输出： L

25、 alert(str.charAt(str.length-1));//输出：!