检测是否移动 - 如果是，则使用java01.js，如果不是移动则使用java02.js

Question

在这里完成初学者（业余爱好者）所以这可能是一个完全的noob问题。

我有两个javascripts。一个用于移动用户，另一个用于桌面用户。

现在我有我的HTML：

<script type="text/javascript" 
src="../java_file.js">
</script>

它工作得非常好，但我希望在屏幕宽度小于480时运行不同的js文件。

我想沿着这些方向做点什么：

<script type="text/javascript"
if (screen.width < 480) {
src=".../java_file_mobile.js">
}
else {
src=".../java_file.js">
}
</script>

这是我第一次建立一个网站，我正在学习代码。任何援助都会很棒。谢谢！

Answer 1

如果您只关心屏幕宽度，最简单的方法是使用JavaScript offsetWidth。

var w = document.body.offsetWidth;

if ( 480 > w ) {
    //append mobile script
} else {
    //append desktop script
}

Beaver虽然，一个小的offsetWidth也可能只是意味着桌面屏幕上的一个狭窄的浏览器窗口。还是一块手表。还是冰箱。你明白了......