如何检测窗口大小，然后更改添加到标题中的javascript文件？

我使用这个jQuery来检测屏幕大小，然后根据sceen大小将一个文件附加到头部

var scriptSrc = '';
var widowWidth = $(window).width();
if(widowWidth >= 1024)
  scriptSrc = '/js/desktop.js';
if((widowWidth <= 1023) && (widowWidth >= 768))
  scriptSrc = '/js/tablet.js';
else if(widowWidth <= 767)
scriptSrc = '/js/mobile.js';
var script = document.createElement('script');
script.src = scriptSrc;
var head = document.getElementsByTagName('head')[0];
head.appendChild(script);

var scriptSrc=''；
var widowWidth=$（window.width（）；
如果（widowWidth>=1024）
scriptSrc='/js/desktop.js'；
如果（（widowWidth=768））
scriptSrc='/js/table.js'；
else if（widowWidth将代码添加到resize事件的回调函数中

$(window).resize(function(elem){
    var scriptSrc = '';
    var widowWidth = $(window).width();
    if(widowWidth >= 1024)
      scriptSrc = '/js/desktop.js';
    if((widowWidth <= 1023) && (widowWidth >= 768))
      scriptSrc = '/js/tablet.js';
    else if(widowWidth <= 767)
      scriptSrc = '/js/mobile.js';
    var script = document.createElement('script');
    script.src = scriptSrc;
    var head = document.getElementsByTagName('head')[0];
    head.appendChild(script);
});

$（窗口）。调整大小（函数（元素）{
var scriptSrc=''；
var widowWidth=$（window.width（）；
如果（widowWidth>=1024）
scriptSrc='/js/desktop.js'；
如果（（widowWidth=768））
scriptSrc='/js/table.js'；
否则，如果（widowWidth如果我正确理解了您的问题，您希望收听窗口大小调整事件

var onsize = function() {
    var W = $(window).width();
    if(W >= 500) {
      test.html('/js/desktop.js');
    } else if(W >= 300) {
      test.html('/js/tablet.js');
    } else { //if(widowWidth <= 767)
      test.html('/js/mobile.js');
    }
};

var onsize=function（）{
var W=$（window.width（）；
如果（W>=500）{
html（'/js/desktop.js'）；
}如果（W>=300），则为else{
html（'/js/table.js'）；
}else{//if（widowWidth以下是我使用的：

$(window).bind('resize', function(event) {      
//Whatever you want to run here     

});

只需为窗口宽度和高度设置一个变量，并检查它们在该函数中的位置

至于在调整屏幕大小而不重新加载整个页面时更改javascript文件……我认为这是不可能的。解决方法可能是将所有javascript文件导入一个文件，然后运行不同的函数，覆盖上一个javascript函数所做的任何更改

这显然使用了jQuery。
是的，这是我以前尝试过的，就像我说的，我无法删除正在加载的一个，只能添加一次新的。没有办法不让它这样做吗？你可以尝试使用
.remove（）
method。我发现这个链接可能会有所帮助-我希望在页面加载时根据窗口大小加载一个js文件，然后在页面加载后再次调整窗口大小，以保持检查大小，然后添加文件并删除另一个。这很好，但与如何添加文件相同多次，也不删除重复项。因此，你认为除了重新加载页面之外没有其他方法吗？你可以在html文档中附加一个新的脚本文件，但你必须在该文件上运行一个函数。因此，与此不同的是，我只需要一个包含所有其他文件的主文件，然后运行一个函数。W更改javascript文件的最终结果是什么？我有一些只想在桌面上使用的jQuery旋转木马，对于移动设备，我有一些不想在更大屏幕上加载的触摸事件。还有一些类似的事情。如果您只想在html文档中添加和删除javascript文件，只需附加该函数内的脚本标记。但这不会运行新文件。你必须以某种方式运行该函数。这就是为什么我建议使用主文件。然后你就不必修改脚本src…只需调用一个新函数。是的，我明白你的意思，我想我会用我已有的来试试运气。