Javascript 如何根据窗口宽度加载和运行脚本

Javascript 如何根据窗口宽度加载和运行脚本,javascript,jquery,Javascript,Jquery,我正在开发一个1页的迷你应用程序,并尝试根据屏幕宽度加载不同版本的应用程序: (function() { // This is on the body of the document var windowWidth = $(window).width(); if(windowWidth > 1000){ $('head').append('<script src=\"http://example.com/jquery.full-width-versio

我正在开发一个1页的迷你应用程序,并尝试根据屏幕宽度加载不同版本的应用程序:

(function() { // This is on the body of the document
    var windowWidth = $(window).width();
    if(windowWidth > 1000){
        $('head').append('<script src=\"http://example.com/jquery.full-width-version.js\" type="text/javascript\"><\/script>');
    }else{
        $('head').append('<script src=\"http:/example.com/jquery.responsive-version.js\" type="text/javascript\"><\/script>');
    }
})(); 
行中:

IC.createConfigurator();

因此,它不能将IC识别为对象

这是$(document).ready()中的代码吗?

尝试以这种方式使用它,将其设置为特定大小的“html”

$(function(){
    $('html').data('size','big');
});

$(window).scroll(function (){
    if( $(window).width() > 1000 ){
        if($('html').data('size') == 'big') {
            $('html').data('size','small');
            $('head').append('<script src=\"http://example.com/jquery.full-width-version.js\" type="text/javascript\"><\/script>');
        }
    } else {
        if($('html').data('size') == 'small'){
            $('html').data('size','big');
            $('head').append('<script src=\"http:/example.com/jquery.responsive-version.js\" type="text/javascript\"><\/script>');
    }
});
$(函数(){
$('html').data('size','big');
});
$(窗口)。滚动(函数(){
如果($(窗口).width()>1000){
如果($('html').data('size')=='big'){
$('html')。数据('size','small');
$('head')。追加('');
}
}否则{
如果($('html').data('size')=='small'){
$('html').data('size','big');
$('head')。追加('');
}
});

如果有人调整窗口大小会发生什么?这会有什么不同?
$(function(){
    $('html').data('size','big');
});

$(window).scroll(function (){
    if( $(window).width() > 1000 ){
        if($('html').data('size') == 'big') {
            $('html').data('size','small');
            $('head').append('<script src=\"http://example.com/jquery.full-width-version.js\" type="text/javascript\"><\/script>');
        }
    } else {
        if($('html').data('size') == 'small'){
            $('html').data('size','big');
            $('head').append('<script src=\"http:/example.com/jquery.responsive-version.js\" type="text/javascript\"><\/script>');
    }
});