JavaScript HTML 方法

JavaScript HTML 包装器方法将帮助您在字符串对象周围添加 HTML 标签。下表将列出可用的 HTML 包装器函数或方法。

HTML 方法描述
anchor()在文本周围创建带有 Name 属性的 HTML 锚点。
big()在文本周围创建 HTML <big> 标签。这意味着此方法将以大字体显示给定的文本。
blink()在文本周围创建 HTML <blink> 标签。它会使给定的文本闪烁。
bold()在文本周围创建 HTML <b> 标签。它将以粗体显示给定的文本。
fixed()在文本周围创建 HTML <TT> 标签。它将帮助您以固定字体显示给定的文本。
fontcolor()此方法在文本周围创建带有 color 属性的 HTML <font> 标签。这意味着它将以指定的颜色显示给定的文本。
fontsize()在文本周围创建带有 Size 属性的 HTML <font> 标签。这意味着它将以指定的字体大小显示给定的文本。
italics()在文本周围创建 HTML <l> 标签。此 HTML 方法以斜体显示给定的文本。
link()此 JavaScript HTML 方法在文本周围创建带有 href 属性的 HTML 锚点。
small()在文本周围创建 HTML <small> 标签。这意味着它将以小字体显示给定的文本。
strike()在文本周围创建 <strike> 标签。这意味着它将以删除线显示给定的文本。
sub()在文本周围创建 <sub> 标签。这意味着它将以下标显示给定的文本。
sup()在文本周围创建 <sup> 标签。这意味着它将以上标格式显示给定的文本。

注意：某些 JavaScript HTML 方法可能在您喜欢的浏览器中不起作用。因此，在使用这些非标准 JavaScript 功能时请小心。

JavaScript HTML 方法示例

此示例将帮助您了解每个 HTML 包装器方法的具体功能。

<!DOCTYPE html>
<html>
<head>
    <title>JavaScriptHTMLWrapperMethods</title>
</head>
<body>
<h1> JavaScriptHTMLMethods </h1>
<script>
    var txt = "Tutorial Gateway";
    
    document.write("The Original String: " + txt);
    document.write("<p>BIG: " + txt.big() + "</p>");
    document.write("<p>SMALL: " + txt.small() + "</p>");

    document.write("<p>BOLD: " + txt.bold() + "</p>");
    document.write("<p>ITALIC: " + txt.italics() + "</p>");

    document.write("<p>FIXED: " + txt.fixed() + "</p>");
    document.write("<p>STRIKE: " + txt.strike() + "</p>");
    
    document.write("<p>Font Color: " + txt.fontcolor("Red") + "</p>");
    document.write("<p>Font Size: " + txt.fontsize(6) + "</p>");
    
    document.write("<p>Subscript: " + txt.sub() + "</p>");
    document.write("<p>Superscript: " + txt.sup() + "</p>");
    
    document.write("<p>Link: " + txt.link("https://tutorialgateway.cn") + "</p>");
    document.write("<p>Blink: " + txt.blink() + "</p>");
</script>
</body>
</html>
HTML Methods