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

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

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

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

Answer 1

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

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

Answer 2

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

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

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

Answer 3

我不认为删除整个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 }); }); 

Answer 4

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

Answer 5

删除js文件：$（“script [src =’your.js’]”）。remove（）;