禁用媒体查询中的javascript代码

Question

我想知道如何在不同的媒体查询时禁用一堆JavaScript代码，哪一种是最好的方法。

我用来创建和删除特定大小的主体的脚本标签，它可以工作，但是当函数运行时，问题是大尺寸，变量设置它保留在DOM中，尽管小查询中不存在标记。

$(document).ready(function () {
  if($(window).width()>=768){
    mainJs();
  }
  $(window).resize(function () {
    if ($(window).width() >= 768) {
      if (!$('head script[src="_assets/main.js"]').length)
        mainJs();
    }else{
      $('head script[src="_assets/main.js"]').remove();
    }
  });
  function mainJs() {
    var elm = document.createElement("script");
    elm.setAttribute("src","_assets/main.js");
    elm.setAttribute("type", "text/javascript");
    document.getElementsByTagName("head")[0].appendChild(elm);
  }
});

我的主js文件中有一个间隔，并且调整大小一段时间它会挂起并运行多次，因为前一个保留在DOM中。