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/