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

时间:2010-08-31 18:08:51

标签: javascript jquery

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

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

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

5 个答案:

答案 0 :(得分:9)

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

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

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

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

答案 1 :(得分:3)

你可以使用javascript做这种事情,当然,在你这样做之前,你可能想再问自己为什么。这是一个描述如何在纯javascript中使用其他回答者提供的jquery示例的链接:

http://www.javascriptkit.com/javatutors/loadjavascriptcss2.shtml

但请注意,大多数现代浏览器会将这些外部资源保留在内存中至少与页面打开时一样长。因此,你真的不会做太多。

答案 2 :(得分: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
  });
});

答案 3 :(得分:1)

就我而言,最好的解决方案是在脚本上使用ID。 我通过网络阅读了很多页面,尝试了很多解决方案,唯一一个每次都工作正常的人就是删除像id这样的div这样的脚本!

答案 4 :(得分:1)

删除js文件:$(“script [src ='your.js']”)。remove();