js判断屏幕是旋转代码实例

<script>
function orientationChange() {
  switch (window.orientation) {
    case 0:
      alert("肖像模式 0,screen-width: " + screen.width + "; screen-height:" + screen.height);
      break;
    case -90:
      alert("左旋 -90,screen-width: " + screen.width + "; screen-height:" + screen.height);
      break;
    case 90:
      alert("右旋 90,screen-width: " + screen.width + "; screen-height:" + screen.height);
      break;
    case 180:
      alert("风景模式 180,screen-width: " + screen.width + "; screen-height:" + screen.height);
      break;
  };
};
</script>

下面是事件处理函数注册:

<script>
addEventListener('load', function () {
  orientationChange();
  window.onorientationchange = orientationChange;
});
</script>