javascript - 有没有办法通过 CSS 设置元素的加载？

Question

我有一个 .js 文件，它允许我检测正在运行的浏览器或操作系统，然后将其集成到 CSS 中，进行某种“if”语句，例如，如果是移动设备，则将其设置为具有这些属性。因此，当且仅当平台是移动平台时，我希望在加载窗口或正文时触发特定的 javascript 函数，否则运行默认函数。我相信我有能力做到这一点，但我似乎无法找到一种方法来通过 CSS 在 body{} 上设置 onload 参数，以便设置关于主体和移动平台的 if 语句。 CSS 中有没有办法改变 onload？

这是浏览器选择器:http://www.dreamquest.io/css_browser_selector.js

这是我希望 CSS 看起来像的示例。

.mobile body {
  onload = "javascript:setBackgroundMobile";
}

编辑:好的，所以，我已将这段代码添加到我的 javascript 中:

document.addEventListener("DOMContentLoaded", function(event) {
  if (window.screen.availHeight < "600") {
    setBackgroundMobile();
  }
  else if (window.screen.availHeight >= "600") {
    setBackground();
  }
});

在我的 android 手机和我的 Windows PC 上，else 都成功运行。我认为这是因为在我的手机上，一开始我的屏幕旋转是垂直的。刚刚验证，是的，当网站在垂直方向加载时，它会加载第二个 if，如果它在水平方向，它会加载第一个。这是有问题的，但这是whatevs。我会想办法的。感谢您提供信息，伙计们。

Answer 1

不，CSS 无法做到这一点。

CSS 管理样式。它知道 HTML 属性，因为您可以在选择器中使用它们，仅此而已。 CSS 不能创建或修改它们，而且可能永远不会，因为它不是为此目的而设计的。