Display complete Javascript tag in div

Question

I need to place an entire javascript function in a div and show it for testing purposes, how can I accomplish this? I am doing this from code behind in asp.net

EDIT

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

I think that you can just place it in a div with `$("#selector").html("function(){ console.log('bla'); }");` — html_programmer, Nov 25 '14 at 20:11
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/toString — html_programmer, Nov 25 '14 at 20:13
Something like [this](http://jsfiddle.net/Lsh5sy1w/)? or better like [this](http://jsfiddle.net/Lsh5sy1w/1/). — DontVoteMeDown, Nov 25 '14 at 20:14

score 0 · Answer 1 · edited May 23 '17 at 10:26

0

Edit: You need to do some trickery: How to show <div> tag literally in <code>/<pre> tag? Which says that you need to escape your < and > characters in your tag to < and > for them to show in the <pre>. The example below has been modified to show this.

You should try using the html <pre> tag, it's commonly supported and does exactly what you're asking for:

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

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

should show something like

<script type="text/javascript">
  console.log('hi');
</script>

edited May 23 '17 at 10:26

Community

1
1

answered Nov 25 '14 at 21:45

welegan

2,845
2
13
20

I tried

 and it didn't work. I'll post the code.

– chromeOne7 Nov 26 '14 at 14:36

what browser are you using? – welegan Dec 01 '14 at 14:51
Firefox, IE , Chrome. – chromeOne7 Dec 02 '14 at 15:44

Display complete Javascript tag in div

1 Answers1