js判断移动端横竖屏状态

function hengshuping(){
    if(window.orientation==180||window.orientation==0){
        alert("竖屏状态！")
    }
    if(window.orientation==90||window.orientation==-90){
        alert("横屏状态！")
    }
}
//兼容写法
window.addEventListener("onorientationchange" in window ? "orientationchange": "resize", hengshuping, false);            

手机端测试显示，window.onresize打印出来的是事件执行之前的状态，window.onorientationchange 打印出来的是时间执行之后的状态。

目前手机端浏览器大部分都支持window.onorientationchange 事件，但是最好采用兼容写法。