javascript - js如何控制大于1024分辨率时加载xx.js

Question

(function() {
    if (window.screen.width > 1024){
        loadJs('js/index-scroll.js');
        loadJs('js/tag-window.js');
        loadJs('js/search.js');
    }
        
})()
    
 function loadJs(src) {
    var head = document.getElementsByTagName('head')[0];
    var s = document.createElement("script");
        s.type = "text/javascript";
           s.src = src;
        head.appendChild(s);    
}

有三个js,只在网页宽度大于1024px时加载，小于则不加载，但是这样写了，发现不管在什么时候都加载了。是哪里错误了？

Answer 1

widnow.onload = function() {
    if (window.innerWidth>1014) {
         
        loadJs(xxx)
    }
}

window.screen.width是屏幕不是浏览器窗口

Answer 2

screen.width 获取的是屏幕分辨率，不是网页大小

Javascript获取获取屏幕、浏览器窗口 ，浏览器，网页高度、宽度的大小
网页可见区域宽：document.body.clientWidth
网页可见区域高：document.body.clientHeight
网页可见区域宽：document.body.offsetWidth (包括边线的宽)
网页可见区域高：document.body.offsetHeight (包括边线的宽)
网页正文全文宽：document.body.scrollWidth
网页正文全文高：document.body.scrollHeight
网页被卷去的高：document.body.scrollTop
网页被卷去的左：document.body.scrollLeft
网页正文部分上：window.screenTop
网页正文部分左：window.screenLeft
屏幕分辨率的高：window.screen.height
屏幕分辨率的宽：window.screen.width
屏幕可用工作区高度：window.screen.availHeight
屏幕可用工作区宽度：window.screen.availWidth