使用javascript写个方法进行屏目切换检测

在JavaScript中，你可以使用window对象的resize事件来检测屏幕大小的变化。下面是一个简单的示例，它会在屏幕大小发生变化时执行一个函数：

window.addEventListener('resize', function(event) {
  // 当屏幕大小发生变化时，这里的代码会被执行
  console.log('屏幕大小已变化！');
  console.log('新的窗口宽度：', window.innerWidth);
  console.log('新的窗口高度：', window.innerHeight);
});

在这个示例中，我们添加了一个事件监听器到window对象，以便在resize事件发生时执行一个匿名函数。这个函数会记录一条消息到控制台，并显示新的窗口宽度和高度。

如果你想要把这个功能封装成一个可重用的方法，你可以这样做：

function detectScreenResize(callback) {
  window.addEventListener('resize', function(event) {
    callback(window.innerWidth, window.innerHeight);
  });
}

// 使用示例：
detectScreenResize(function(width, height) {
  console.log('屏幕大小已变化！');
  console.log('新的窗口宽度：', width);
  console.log('新的窗口高度：', height);
});

在这个版本中，detectScreenResize函数接受一个回调函数作为参数。当屏幕大小发生变化时，这个回调函数会被执行，并接收到新的窗口宽度和高度作为参数。这样你就可以在不同的地方重复使用这个功能，并指定不同的回调函数来处理屏幕大小变化的事件。