Question

这是我的代码：

selectPos : function() {
    console.log("it works");
    this.addNumber(); //want to try calling function addNumber() here
    for (boatNum = 1; boatNum < 4; boatNum++) {
        xPos = Math.floor(Math.random() * 8);
        yPos = Math.floor(Math.random() * 10 + 1);
    }
},

如何将代码显示为纯文本。我希望每个行变量x转到新行，例如：

输出为：

<!DOCTYPE html>
<html>
    <head>
        <p id="x"></p>
        <p id="y"></p>
        <style>
        </style>
    </head>
    <body>
        <button id="btn">Click Me!</button>
        <script src="jquery/jquery1.12.js"></script>
        <script>
            var txt = '<!DOCTYPE html>\
                       <html>\
                       <head>\ 
                       </head>\
                       <body>\
                       <script>\
                       alert("ok");\
                       </script>\
                       </body>\
                       </html>';

           $(document).ready(function(){
               $("#btn").click(function(){
                   $("#x").text(txt);
               })
           })
        </script>
    </body>
</html>

任何帮助，坦克。

Answer 1

在#x元素中，您应该使用pre元素而不是p。

另外，您应将其从head移至body

查看此JSBin：http://jsbin.com/qicabanoze/edit?html,js,output

Answer 2

为防止代码执行而不显示，您需要将文本转换为字符实体。的＆GT;变为＆amp; gt ，＆lt;变得＆amp; lt 等等。

您还可以使用<pre>和<code>标签来显示格式化代码。

Answer 3

您应该替换符号＆＃39;＆lt;＆＃39; ＆＃39;＆GT;＆＃39;到<和> 它会起作用。

您可以使用<code>或<pre>，但是对于最后一个，您需要更改文字样式（默认字体）。

如何以纯文本格式显示代码

3 个答案: