时间戳

首页 > 解决方案 > 使用 jQuery 删除前置脚本标签？

jquery - 使用 jQuery 删除前置脚本标签？

问题描述

我在点击时将谷歌地图脚本加载到我的网站中，我希望能够在点击另一个按钮时删除该脚本，这样如果用户不断加载不同的地图，我就不会得到多个谷歌地图脚本。我怎样才能做到这一点？我是否以脚本标签的 src 为目标，还是可以添加类/ID 或其他内容？

$(function() {
  $('.add-script').click(function() {
    $('body').append('<script class="gmaps-script" src="https://maps.googleapis.com/maps/api/js?key=MYKEY&callback=init"></script>');
  });
  
  $('.remove-script').click(function() {
    // Remove previously appended script tag here
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="add-script">Load Map</button>
<button class="remove-script">Remove Map</button>

标签： jqueryappend

解决方案

您可以删除最后一个脚本标签

$('script').last().remove();

或者给脚本标签一个 id 喜欢id="gmaps-js"并删除它$('#gmaps-js').remove()

推荐阅读