JavaScript的字符串之HTML包装方法

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

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

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