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/

  • 11
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值