JavaScript 如何检查字符串是否为HTML

任务是使用JavaScript验证给定的字符串是否为有效的HTML。我们将讨论一些技巧。

方法

• 将HTML字符串存储到变量中。
• 创建一个正则表达式，用于验证。
• 正则表达式应符合创建HTML文档的规则。

示例1： 在此示例中，创建了一个正则表达式，并将HTML字符串验证为有效。

<h1 style="color:green;" id="h1"> 
    GeeksforGeeks 
</h1> 
<p id="GFG_UP"> 
</p> 
<button onclick="GFG_Fun()"> 
    click here 
</button> 
<p id="GFG_DOWN"> 
</p> 
<script> 
    var up = document.getElementById('GFG_UP'); 
    var str1 = '<div>GeeksForGeeks</div>'; 
    var str = '<div>GeeksForGeeks</div>'; 
      
    up.innerHTML = "Click on the button to check "+ 
    "for the valid HTML.<br> String - " + str1; 
      
    var down = document.getElementById('GFG_DOWN'); 
      
    function GFG_Fun() { 
        down.innerHTML = 
    /<(?=.*? .*?\/ ?>|br|hr|input|!--|wbr)[a-z]+.*?>|<([a-z]+).*?<\/\1>/i.test(str); 
    } 
</script>

输出：

示例2： 在这个示例中，同样地，创建了一个正则表达式，并对HTML字符串进行无效验证。

<h1 style="color:green;" id="h1"> 
    GeeksforGeeks 
</h1> 
<p id="GFG_UP"> 
</p> 
<button onclick="GFG_Fun()"> 
    click here 
</button> 
<p id="GFG_DOWN"> 
</p> 
<script> 
    var up = document.getElementById('GFG_UP'); 
    var str1 = '<div>GeeksForGeeks</dv>'; 
    var str = '<div>GeeksForGeeks</dv>'; 
      
    up.innerHTML = "Click on the button to check "+ 
    "for the valid HTML.<br> String - " + str1; 
      
    var down = document.getElementById('GFG_DOWN'); 
      
    function GFG_Fun() { 
        down.innerHTML = 
    /<([A-Za-z][A-Za-z0-9]*)\b[^>]*>(.*?)<\/\1>/.test(str); 
    } 
</script>

输出：