如何在一个网站上使用两个JavaScript（.js）文件？

我为大型（桌面）和小型（移动）设备创建了一个网站。不仅.css文件彼此不同，而且保存动画的.js文件也不同。我现在的问题是，如果显示器很小，我不知道如何让浏览器在小型设备上使用.js文件；如果显示器很大，在另一个站点上，如何让浏览器在大型设备上使用.js文件。

---

是否有任何可能的解决方案可以只使用一个Web空间，并根据屏幕大小自动选择两个Java脚本文件？

使用JQuery，您可以执行以下操作：

if（$（window）.width（）>739）{
//在此处为大屏幕添加javascript
} 
否则{
//在此处为小屏幕添加javascript
}

我不确定这是不是一种好方法，但您也可以使用简单的javascript来检测移动浏览器

<script>
if( /Android|iPhone|iPad|BlackBerry|IEMobile/i.test(navigator.userAgent) ) {
 // include mobile
} 
else {
//include desktop
}
</script>

if（/Android | iPhone | iPad | BlackBerry | IEMobile/i.test（navigator.userAgent））{
//包括手机
} 
否则{
//包括桌面
}

给你：

if (screen.width > 768) {
    //keep your desktop js here
}

if (screen.width < 769) {
    //keep your mobile js here
}

if（screen.width>768）{
//把你的桌面留在这里
}
如果（屏幕宽度<769）{
//把你的手机留在这里
}

检查窗口大小后，您可以使用以下方法动态加载JavaScript文件：

var file = window.innerWidth < 800 ? 'small.js' : 'big.js'
var script = document.createElement('script');
script.setAttribute('type', 'text/javascript');
script.setAttribute('src', file);

var file=window.innerWidth<800？“small.js'：'big.js'
var script=document.createElement（'script'）；
setAttribute（'type'，'text/javascript'）；
script.setAttribute（'src'，file）；

测试用户代理比测试窗口宽度更可靠。这是一个可以帮助您的库：

只需将库抓取到页面并添加：

if (WURFL.is_mobile) {
    //add mobiles scripts
}

---

因此，您希望浏览器根据屏幕大小使用特定的js文件吗？听起来就是这样。