html代码怎么用js显示出来

HTML 是网页构建的基础语言，而 JavaScript 是网页交互和逻辑的重要工具。如何将 HTML 代码通过 JavaScript 呈现在网页中呢？

  var htmlCode = "p>
    Hello World!/p>
    ";
      document.getElementById("htmlContainer").innerHTML = htmlCode;
    

上述代码用一个变量存放了一段 HTML 代码，并通过 document 对象获取到一个网页中已定义的元素（例如 div 或 span 标签中的一个容器），将变量中的 HTML 代码插入到该容器中的 innerHTML 属性中。最后，浏览器便会将 HTML 代码呈现在网页中。

需要注意的是，为了安全起见，我们应该避免直接输入用户输入的 HTML 代码。可以使用一些库，如 jQuery 的 text() 方法、AngularJS 的 ng-bind 或 React 的 JSX 语法，来避免 XSS 攻击的风险。

  var userInput = "script>
    console.log('hacked!')/script>
    ";
      var safeHtml = $("div>
    ").text(userInput).html();
    

上述代码使用 jQuery 的 text() 方法来转义用户输入的 HTML 代码，从而避免被执行。其中，$("div> ").text(userInput).html() 会创建一个 div 元素，并将文本内容设为用户输入的 HTML 代码，最后返回 div 元素的 innerHTML 属性。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！