如何将通过jQuery JavaScript代码?(how to insert javascript

2019-08-06 21:13发布



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

我想做的事:

当我在插入点击,我想您将此代码插入到例如格:

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

当我获得点击次数,我想要得到的代码,我插在那里。

但是当我在插入单击,然后在弄,没有代码..在哪里的问题? 谢谢

Answer 1:

据亚当贝莱尔您的意见,您希望脚本标签显示为普通文本。 你所希望做的是编码与文本HTML实体 ,这将防止浏览器处理它作为普通的HTML。

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


Answer 2:

这工作:

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

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


Answer 3:

你通过浏览DOM的现场版,使用类似Firebug工具的代码检查? 如果你希望看到你的代码呈现在你经常浏览器窗口中,你不会,因为他们被插入时的脚本标记实际上解析,脚本标记都没有在HTML页面中可见的元素。



文章来源: how to insert javascript code via jquery?