是否有基于设备切换js文件的媒体查询类型方式？

Question

我正在尝试让我的移动布局适用于我的网站，而使用不同样式表的媒体查询似乎正常工作我似乎无法弄清楚是否甚至可以加载附加到其上的单独的javascript文件媒体查询。

澄清：

<link rel="stylesheet" type="text/css" href="desktop.css">
<link rel="stylesheet" type="text/css"
      media="only screen and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 2.0)" href="jesusmobile.css">
<script src="jquery.js"></script>

并在/ body

之前的html doc结尾处

<script src="my.js"></script>

基本上我想拥有它，以便当我的网站使用“mobile.css”样式表时，我也可以告诉它使用不同的.js文件。这可能吗？

谢谢！

Answer 1

您可以参考此链接http://www.quirksmode.org/blog/archives/2010/08/combining_media.html

if (screen.width < 600) {
    // don’t download complicated script
    // use low-source images instead of full-source ones
}

或

if (document.documentElement.clientWidth < 900) {
    // scripts
}