how to insert javascript code via jquery?

Question

<div id="example">

</div>


<script type="text/javascript">

  function insert() {
     var data = '<script type="text/javascript">  function test() {    a = 5;   }<\/script>';  
     $("#example").append(data);
  } 

  function get() {
     var content = $("#example").html();
     alert(content);
  }


</script>


<a href="#" onclick="insert();">INSERT</a>

<a href="#" onclick="get();">GET</a>


</body>
</html>

what i want to do:

when i click on insert, i want to insert this code into example div:

<script type="text/javascript">  function test() {    a = 5;   }<\/script>

when i click on get, i want to get that code, which i inserted there.

but when i click on insert, and then on get, there's no code.. where is problem ? thanks

Danny · Accepted Answer · 2009-09-16 14:19:07Z

4

According to your comment to Adam Bellaire, you want the script tag to display as normal text. What you are looking to do is encode the text with HTML entities, this will prevent the browser from processing it as normal HTML.

   var enc = $('<div/>').text('<script type="text/javascript">  function test() {    a = 5;   }<\/script>').html();
   $("#example").append(enc);

answered Sep 16, 2009 at 14:19

Danny

14.5k4 gold badges34 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mottie · Accepted Answer · 2009-09-16 22:44:43Z

1

This works:

function insert() {
 var data = '<script type="text/javascript">  function test() {    a = 5;   }<\/script>';  
 $('#example').text(data);
}

function get() {
 var content = $('#example').text(); 
 alert(content);
}

answered Sep 16, 2009 at 22:44

Mottie

86.7k30 gold badges132 silver badges248 bronze badges

Comments

Adam Bellaire · Accepted Answer · 2009-09-16 13:50:23Z

0

Are you checking for the code by browsing the live version of the DOM, using a tool like Firebug? If you are expecting to see your code rendered in your regular browser window, you won't, because the script tags are actually parsed when they are inserted, and script tags aren't visible elements in an HTML page.

answered Sep 16, 2009 at 13:50

Adam Bellaire

111k19 gold badges153 silver badges165 bronze badges

1 Comment

mm. Over a year ago

yes, but is it possible to insert javascript code into page with jquery, but not parsed ? i want to insert it like raw string or text.

Collectives™ on Stack Overflow

how to insert javascript code via jquery?

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related