防止执行html代码

Question

I am making a webpage, and I have some javascript code for a countdown timer. 我正在制作一个网页，并且有一些用于倒数计时器的javascript代码。 below the timer, I want to show people the code for the project without forcing them to open developer tools, so I made the following: 在计时器下方，我想向人们展示该项目的代码，而不必强迫他们打开开发人员工具，因此我做了以下工作：

<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>

How can I use javascript to show the inner html of an element instead of executing the code? 如何使用javascript显示元素的内部html而不执行代码？

Answer 1

"You need to convert your < and > characters to HTML entities like so:" “您需要像这样将<和>字符转换为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>

"I would also recommend wrapping the code in <code> tags in addition to the existing <pre> tags." “除了现有的<pre>标签外，我还建议将代码包装在<code>标签中。”

~ Travis 〜特拉维斯

Display javascript as code snippet 将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