javascript - 问题 "Windows and Safari function"

Question

我只想在 Windows 上的 Safari 上运行一些 js 代码。“Alert”可以工作，但任何其他代码(例如 body.classList ...等)都不起作用。为什么？非常感谢您的帮助

var safari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
var windows = (navigator.userAgent.indexOf("Win")!=-1);
var body = document.body;

if (safari && windows) {
  alert('this is safari on windows'); //This works
  body.classList.add("safwin"); //This not works
}

Answer 1

您的问题是，当您的 javascript 触发时，document 尚未准备好，因此 document.body 将为您提供 null。为了访问文档，您需要在加载文档对象模型 (DOM) 时执行代码。您可以通过向 window 添加事件监听器来实现此目的，以便在加载 DOM 时运行代码(使用 "DOMContentLoaded") :

window.addEventListener('DOMContentLoaded', function() {  
  var safari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
  var windows = (navigator.userAgent.indexOf("Win")!=-1);
  var body = document.body; // you can now safely access document.body

  if (safari && windows) {
    alert('this is safari on windows'); // This works
    body.classList.add("safwin"); // This will now work
  }
});