JavaScript的字符串之HTML包装方法

末蓝、 2023-02-12 07:29 13阅读 0赞

## JavaScript的字符串之HTML包装方法 ##

前面以前文章我们讲解了字符串的各种方法。这篇文章对字符串的方法进行一些补充。

#### 1.字符串的indexOf()和lastIndexOf()方法的补充 ####

var str='hello world';
        // indexOf() lastIndexOf()
        // 不加第二个参数
        console.log(str.indexOf("l");// 2
        console.log(str.lastIndexOf("l");// 9
        console.log(str.indexOf("l",5));// 9 5之后 
        console.log(str.lastIndexOf("l",5));// 3 5之前

#### 2.HTML包装的方法 ####

// anchor() 创建 HTML 锚。
 document.write(str.anchor("target")+" ");
 // <a name="target">hello world</a>;
 // big() 用大号字体显示字符串。
 document.write(str.big()+" ");
 // <big></big>
 // blink() 显示闪动字符串。
 document.write(str.blink()+" ");
 // bold() 使用粗体显示字符串。
 document.write(str.bold()+" ");
 // fixed() 以打字机文本显示字符串。
 document.write(str.fixed()+" ");
 // italics() 使用斜体显示字符串。
 document.write(str.italics()+" ");
 // small() 使用小字号来显示字符串。
 document.write(str.small()+" ");
 // strike() 用于显示加删除线的字符串。
 document.write(str.strike()+" ");
 // sub() 把字符串显示为下标。
 document.write("下标"+str.sub()+" ");
 // sup() 把字符串显示为上标。
 document.write("上标"+str.sup()+" ");
 // fontcolor() 使用指定的颜色来显示字符串。
 document.write(str.fontcolor("green")+" ");
 // fontsize() 使用指定的尺寸来显示字符串。
 document.write(str.fontsize(50)+" ");
 // link() 将字符串显示为链接。
 document.write(str.link("#target")+" ");

**总结** ：HTML 包装方法，即通过js在文本的外面包上对应的HTML标签。

**视频讲解链接：  
https://www.bilibili.com/video/BV1Ca4y1e7ic/**