string对HTML包装方法

一些字符串对 html 的包装方法:

<script>

{
    // 定义和用法
    // anchor() 方法用于创建 HTML 锚。
    // 该方法返回加了 <a> 标签的字符串, 如下所示:
    // <a name="anchorname">string</a>
    // 语法    string.anchor(name)
    let str = '百度一下'
    document.write(str.anchor('百度一下'));
}

{
    // 定义和用法
    // big() 方法用于把字符串显示为大号字体。
    // 该方法返回加了 <big> 标签的字符串, 如下所示:
    // <big>string</big>
    // 语法
    // string.big()
    let txt = 'hello world'
    console.log(txt.big());
    document.write(txt)
    document.write(txt.big())
}

{
    // 定义和用法
    // blink() 方法用于显示闪动的字符串。
    // 该方法返回加了 <blink> 标签的字符串, 如下所示:
    // <blink>string</blink>
    // 语法
    // string.blink()
    let txt = 'hello world'
    document.write("<p>闪动文本: " + txt.blink() + " (不能用于IE,Chrome,或者Safari)</p>");
}

{
    // 定义和用法
    // bold() 方法用于把字符串显示为粗体。
    // 该方法返回加了 <b> 标签的字符串, 如下所示:
    // <b>string</b>
    // 语法
    // string.bold()
    let txt = 'hello world'
    document.write("<p>字体加粗: " + txt.bold() + "</p>");
}

{
    // 定义和用法
    // fixed() 方法用于把字符串显示为打字机字体。
    // 该方法返回加了 <tt> 标签的字符串, 如下所示:
    // <tt>string</tt>
    // 语法
    // string.fixed()
    let txt = 'hello world'
    document.write("<p>固定定位: " + txt.fixed() + "</p>");
}

{
    // 定义和用法
    // fontcolor() 方法用于按照指定的颜色来显示字符串。
    // 该方法返回加了 <font> 标签的字符串, 如下所示:
    // <font color="colorvalue">string</font>
    // 语法
    // string.fontcolor(color)
    let txt = 'hello world'
    document.write("<p>字体颜色: " + txt.fontcolor("green") + "</p>");
    document.write(txt.fontcolor('red'))
}

{
    // 定义和用法
    // fontsize() 方法用于按照指定的尺寸来显示字符串。
    // 该方法返回加了 <font> 标签的字符串, 如下所示:
    // <font size="size">string</font>
    // 语法
    // string.fontsize(size)
    // 参数	描述
    // size	必须. size 参数必须是从 1 至 7 的数字。
    let txt = 'hello world'
    document.write("<p>字体大小: " + txt.fontsize(6) + "</p>");
    document.write(txt.fontsize(2))
}

{
    // 定义和用法
    // italics() 方法用于把字符串显示为斜体。
    // 该方法返回加了 <i> 标签的字符串, 如下所示:
    // <i>string</i>
    // 语法
    // string.italics()
    let txt = 'hello world'
    document.write("<p>斜体: " + txt.italics() + "</p>");
    document.write(txt.italics())
}

{
    // link() 方法用于把字符串显示为超链接。
    // 该方法返回加了 <a> 标签的字符串, 如下所示:
    // <a href="url">string</a>
    // 语法
    // string.link(url)
    let txt = 'sello world'
    document.write("<p>链接: " + txt.link("http://www.w3cschool.cc") + "</p>");
    document.write(txt.link('http://www.baidu.com'))
}

{
    // 定义和用法
    // small() 方法用于把字符串显示为小号字。
    // 该方法返回加了 <small> 标签的字符串, 如下所示:
    // <small>string</small>
    // 语法
    // string.small()
    let txt = 'hello world'
    document.write("<p>字体缩小: " + txt.small() + "</p>");
    document.write(txt.small())
}

{
    // 定义和用法
    // strike() 方法用于显示加删除线的字符串。
    // 该方法返回加了 <strike> 标签的字符串, 如下所示:
    // <strike>string</strike>
    // 语法
    // string.strike()
    let txt = 'hello world'
    document.write("<p>加删除线: " + txt.strike() + "</p>");
    document.write(txt.strike())
}

{
    // 定义和用法
    // sub() 方法用于把字符串显示为下标。
    // 该方法返回加入 <sub> 标签的字符串,如下所示:
    // <sub>string</sub>
    // 语法
    // string.sub()
    let txt = 'hello world'
    document.write("<p>下标: " + txt.sub() + "</p>");
    document.write('下标'+txt.sub())
}

{
    // 定义和用法
    // sup() 方法用于把字符串显示为上标。
    // 该方法返回加入 the <sup> 标签的字符串, 如下:
    // <sup>string</sup>
    // 语法
    // string.sup()
    let txt = 'hello world'
    document.write("<p>上标: " + txt.sup() + "</p>");
    document.write('上标'+txt.sup())
}
</script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值