动态删除html文件的脚本标记之间的所有内容

Question

Suppose, in my project homepage there are some javascript code. 假设在我的项目主页中有一些javascript代码。 For example, 例如，

index.html 的index.html

    <body>
    html code here

    <script type="text/javascript">
      (function () {

    some javascript code here

      })();
    </script>


 <button type="button">Delete javascript</button> 
    </body>

Now, what I want is that, on clicking on the button all content between script tags should be deleted along with script tags. 现在，我想要的是，单击按钮时，脚本标记之间的所有内容都应与脚本标记一起删除。 How can I do that? 我怎样才能做到这一点？

Answer 1

Could you try putting an ID or Class on your script tag and then onlick find that ID or Class and remove it? 您能否尝试将ID或类放在您的脚本标签上，然后onlick找到该ID或类并将其删除？ Something like: 就像是：

$('button').on('click', function() {
  $('#script-tag-id').remove();
});

Answer 2

Try this: 尝试这个：

 window.addEventListener('load', function() { alert(document.body.innerHTML) document.getElementById('button').onclick = function() { if(document.getElementById('yourScript')){ var script = document.getElementById('yourScript'); document.body.removeChild(script); } alert(document.body.innerHTML); }; });

 <body> html code here <script id="yourScript" type="text/javascript"> /*testing*/ </script> <button id="button" type="button">Delete javascript</button> </body>

动态删除html文件的脚本标记之间的所有内容

问题描述

2 个解决方案

解决方案1
1 2015-12-06 02:41:12

解决方案2
1 2015-12-06 02:44:18

动态删除html文件的脚本标记之间的所有内容

问题描述

2 个解决方案

解决方案1 1 2015-12-06 02:41:12

解决方案2 1 2015-12-06 02:44:18

解决方案1
1 2015-12-06 02:41:12

解决方案2
1 2015-12-06 02:44:18