Fatal编程技术网
  • javascript/
  • Javascript 如何将代码显示为纯文本

Javascript 如何将代码显示为纯文本

javascript

Javascript 如何将代码显示为纯文本,javascript,Javascript,这是我的代码： <!DOCTYPE html> <html> <head> <p id="x"></p> <p id="y"></p> <style> </style> </head> <body> <button id="btn">Click Me!

这是我的代码：

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






点击我！
var txt='1〕\
\
\ 
\
\
\
警报（“正常”）\
\
\
';
$（文档）.ready（函数（）{
$（“#btn”）。单击（函数（）{
$（“#x”）.text（txt）；
})
})
如何将代码显示为纯文本。我希望每行变量x转到新行，例如：

输出为：

<!DOCTYPE html>
<html>
<head>
up to the end


到底
任何帮助，谢谢。

您应该将符号“”替换为
和
它会起作用的

您可以使用
或
，但对于最后一个，您需要更改文本样式（默认字体）。
在
#x
元素中，您应该使用
pre
元素，而不是
p

另外，您应该将其从
头部
移动到
身体


检查此JSBin:
要防止代码执行而不显示，您需要将文本转换为字符实体>变成>，<变成<，等等


您也可以使用
和
标记来显示格式化的代码。
如果您使用标记代码，所有标记都在一行中，我希望每行都在新行中。请检查此链接：它是ES6模板文字