我知道当我们在 HTML 中链接 CSS 文件时，我们可以使用 media 来根据某些事情加载不同的样式表，我们可以在链接到脚本时这样做吗？这是我的 HTML:
<link rel="stylesheet" href="stylesheet/main.css" />
<link rel="stylesheet" href="stylesheet/style.css" media="(min-width: 808px)" type="text/css" />
<link rel="stylesheet" href="stylesheet/mobile.css" media="(max-width: 807px)" type="text/css" />
<script media="(min-width: 808px)" src = "scripts/script.js"></script>
<script media="(max-width: 807px)" src = "scripts/mobile.js"></script>
这行得通吗？
最佳答案
没有。 specification for script未将 media 列为受支持的属性之一。如果你想一想，对于那个特定的例子，如果在加载宽度为 850px 的页面并运行 script.js 文件后，用户调整窗口大小，浏览器应该做什么到 600px 宽？它无法撤消 script.js 所做的操作。
但是如果您正在测试不会改变的东西，您可以使用 window.matchMedia确定要动态加载的脚本。 (Reasonably supported，包括 iOS Safari 和 Android 内置浏览器的最新版本以及大多数移动浏览器的最新版本，但不包括 IE9 或更早版本，或 Opera Mini。)
关于javascript - 我们可以在链接到 Javascript 文件时使用 HTML 中的媒体属性吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34253420/