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

问题描述

问 题

(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时加载，小于则不加载，但是这样写了，发现不管在什么时候都加载了。是哪里错误了？

解决方案

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

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

这篇关于javascript - js如何控制大于1024分辨率时加载xx.js的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！