Question

我正在制作一个网页，我有一些倒数计时器的javascript代码。在计时器下面，我想向人们展示项目的代码而不强迫他们打开开发人员工具，所以我做了以下内容：

<body onload="show()">
    <span id="showCode">
        <!-- where I want my code to show -->
    </span>
    <script>

    function show() {
        document.getElementById('showCode').innerHTML = document.body.innerHTML;
    }

    </script>
</body>

如何使用javascript显示元素的内部html而不是执行代码？

Answer 1

“您需要将<和>个字符转换为HTML实体，如下所示：”

<pre class="prettyprint">
  &lt;script&gt;
    $(document).ready(function(){
      setTimeout(function(){
        console.log('deleting cookie');
        $.cookie('cookie',null,{domain: document.domain});
      },1000);
    });
  &lt;/script&gt;
</pre>

“除了现有的<code>代码之外，我还建议将代码包装在<pre>代码中。”

〜Travis

Display javascript as code snippet

防止html代码被执行

1 个答案: