在div中显示完整的Javascript标记

时间:2014-11-25 20:09:30

标签: javascript jquery asp.net

我需要在div中放置一个完整的javascript函数并显示它以用于测试目的,我该如何实现?我是从asp.net

中的代码执行此操作

修改

<!-- Facebook Conversion Code for Website Purchase -->
<script type='text/javascript'>
(function() {
 var _fbq = window._fbq || (window._fbq = []);
  if (!_fbq.loaded) {
  var fbds = document.createElement('script');
  fbds.async = true;
  fbds.src = '//connect.facebook.net/en_US/fbds.js';
  var s = document.getElementsByTagName('script')[0];
  s.parentNode.insertBefore(fbds, s);
  _fbq.loaded = true;
  }
  })();
  window._fbq = window._fbq || [];
  </script>

1 个答案:

答案 0 :(得分:0)

修改:您需要做一些诡计:How to show <div> tag literally in <code>/<pre> tag?这表示您需要将标记中的<>字符转义为{{ 1}}和&lt;可以在&gt;中显示。下面的示例已经过修改,以显示此信息。

您应该尝试使用html <pre>标记,它通常受到支持,并完全符合您的要求:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/pre

<pre>

应该显示类似

的内容
<pre>
  &lt;script type="text/javascript"&gt;
    console.log('hi');
  &lt;/script&gt;
</pre>