jQuery - 在点击时动态删除头元素

Question

有没有人知道你是否可以删除单击按钮上的头元素以及如何使用jQuery执行此操作？

当点击一个按钮时,我试图摆脱html头部的某些脚本标签.例如.我有一个屏幕视图,幻灯片显示由外部JavaScript文件控制.当我点击按钮"点击以摆脱这些元素JS"我想从HTML头删除外部JavaScript路径.

有任何想法吗.已经在这件事上待了一个星期左右.

Answer 1

您可以向脚本元素添加id,然后删除该ID:

<script type="text/javascript" src="init.js" id="initJs" ></script>

<span id="removeScript"></span>

$('#removeScript').click(function() {
     $('#initJs').remove();
});

Answer 2

我认为删除整个元素不是一个好主意HEAD。因为您的页面可能包含一些附加到头元素的更多元素（即标题、样式......） 。如果你想删除一个特定的script元素，请执行类似的操作

$(function() {
  $('input[type=button]').click(function() {
      $('script[src=path/file.js]').remove();
  });
});

编辑：

var flag = false;
function breakTheCode() {
    if(!flag) {
        //run your code
    }else return;
 }

$(function() {
  $('input[type=button]').click(function() {
      flag = true; //flag is set, so we no more using/ running your code
      breakTheCode(); //call you function/method
  });
});