防止执行html代码

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>

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

〜特拉维斯

将JavaScript显示为代码段

防止执行html代码

问题描述

1 个解决方案

解决方案1
0 2015-12-11 01:20:51

防止执行html代码

问题描述

1 个解决方案

解决方案1 0 2015-12-11 01:20:51

解决方案1
0 2015-12-11 01:20:51