如何删除HTML头中的重复脚本？

Question

我使用以下代码在head标记中追加外部脚本：How to Append <script></script> in javascript?。

var s = document.createElement("script");
s.type = "text/javascript";
s.src = url;
$("head").append(s);

它工作正常，除了有时，我附加的脚本已经重复，因此影响页面的逻辑。

是否有检查重复的外部脚本然后删除它是否为真？

Answer 1

跟踪您要追加的脚本，不要添加两次。您不想删除脚本，只是想禁止多次添加脚本。

Answer 2

你可以用src检查脚本

if($('script[src="'+ url +'"]').length < 1){
   $("head").append(s);
}

var url = 'something.js';


if($('script[src="'+ url +'"]').length < 1){
   //$("head").append(s);
   alert('append');
}else{
   alert('script duplicated');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="something.js"></script>

Answer 3

您可以使用以下代码进行检查 -

setInterval(function() {
  // Check localStorage every 2 seconds
}, 2000);